因为项目要求用到定制主题，所以依照官方文档开始配置文件。在配置过程中遇到点问题。变量覆盖的方式可以成功配置颜色，用工具安装的方式没有成功，不知道是不是用脚手架搭建项目后与这种方式有冲突。本次配置是变量覆盖方式配置。

1.  在全局样式文件里引用依赖包里的index.less样式文件，之后在main.js文件里引用你的全局样式文件。这种方式需要在vue.config.js配置文件里添加css样式配置，否则编译会报错。

   // 全局样式文件，例如：index.less
   @import '~view-design/src/styles/index.less';
   
   // main.js文件引入全局样式
   import '@/index.less'
   
   // vue.config.js添加配置
   css: {
       loaderOptions: {
         less: {
           javascriptEnabled: true
         }
       }
     }

    

2.  之后可以在全局样式文件里修改样式了，可以参考依赖包view-design里面的custom.less样式里的公用配置修改。