引入海康威视插件

web/vue.config.js

@@ -1,5 +1,7 @@
 const { defineConfig } = require('@vue/cli-service')
 const path = require('path')
+const Components = require('unplugin-vue-components/webpack')
+const { AntDesignVueResolver } = require('unplugin-vue-components/resolvers')
 module.exports = defineConfig({
   transpileDependencies: true,
   publicPath: '/',
@@ -30,7 +32,11 @@ module.exports = defineConfig({
       },
       less: {
         lessOptions: {
-          javascriptEnabled: true // 兼容 Less 3.0+ 的 JavaScript 表达式
+          modifyVars: {
+            //这是配置css主题色
+            'primary-color': '#143d7d'
+          },
+          javascriptEnabled: true
         }
       }
     },
@@ -45,7 +51,15 @@ module.exports = defineConfig({
 
     // 扩展 webpack 配置
     plugins: [
-      // 添加插件
+      Components({
+        resolvers: [
+          AntDesignVueResolver({
+            resolveIcons: true, // 自动按需加载图标，
+            importStyle: false //不单独导入样式，对样式进行全局引入
+          })
+        ],
+        dts: true // 生成类型声明
+      })
     ],
     resolve: {
       alias: {