vue-cli3 应用iview的自定义主题

一、根据iview官网 引入iview自定义主题

1.首先在项目中先建一个目录，比如 my-theme，然后在 my-theme 下建立一个 less 文件 index.less，并写入下面内容：

 @import '~view-design/src/styles/index.less';

 @primary-color: #8c0776; 

 

2.然后在入口文件 main.js 内导入这个 less 文件即可：

import Vue from 'vue';
import ViewUI from 'view-design';
import '../my-theme/index.less';

Vue.use(ViewUI);

二、注意（踩坑！！！）

1. 我当时项目中 less 的版本号为 "less": "^3.0.0", 所以重启项目后一直报错，

解决办法：

a 将版本号改为： "less": "^2.7.3", 

b vue.config.js中增加下面代码：

css: {
        loaderOptions: {
            less: {
                lessOptions: {
                    javascriptEnabled: true
                }
            }
        }
    }

c 如果还是不行的话，删掉所有的依赖（node_modules）,重新cnpm install即可。