iview更换主题颜色及遇到的问题

1. 新建一个less文件，并引入index.less文件，然后定义需要的主题颜色

/* 按需导入iview组件*/
@import '~view-design/src/styles/index.less';
@primary-color:#9370DB;

2. 在main.js内引入该less文件即可

// 按需导入iview组件
import 'view-design/dist/styles/iview.css';
import './iview/myTheme/index.less'
import './iview/index'

3. 所遇到的问题

4. 解决方案

在less-loader/dist/index.js文件中新增一行代码options.javascriptEnabled = true;

 // 找到lessLoader函数，添加这条语句：options.javascriptEnabled = true
function lessLoader(source) {
  const loaderContext = this;
  const options = (0, _getOptions.default)(loaderContext);
  const done = loaderContext.async();
  const isSync = typeof done !== 'function';
  options.javascriptEnabled = true;  //添加的语句
  if (isSync) {
    throw new Error('Synchronous compilation is not supported anymore. See https://github.com/webpack-contrib/less-loader/issues/84');
  }

  (0, _processResult.default)(loaderContext, render(source, options));
}

5.解决问题~