vuecli30-配置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 less@2.7.3 less-loader@5.0.0 -D

• vue.config.js 配置

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