vue-cli3.0 配置Iview定制主题

不慌，按照Iview的来，大概 . . . 不会出现问题！

1、新建一个my-them.less

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

/*主题配置 其他配置参照 https://github.com/view-design/ViewUI/blob/master/src/styles/custom.less*/
@primary-color: #6C86FF;
@link-hover-color: #6C86FF;

2、入口文件main.js 引入

import './assets/css/my-them.less';

说明

• 这里需要支持less文件，项目应该安装less 和 less-loader

// 不能超过以下下两个版本号
npm install [email protected] [email protected] -D

• vue.config.js 配置

module.exports = {
    css:{ 
        // css预设器配置项
        loaderOptions: {
            less: {
                javascriptEnabled: true
            }
        }
    }
}