iview更換主題顏色及遇到的問題

1. 新建一個less文件，並引入index.less文件，然後定義需要的主題顏色

@import '../../node_modules/view-design/src/styles/index.less';
@primary-color: #8c0776;

2. 在main.js內引入該less文件即可

---------------------------------可能遇到的問題------------------------------------------

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
      in D:\word\beidiao_admin\node_modules\view-design\src\styles\color\bezierEasing.less

解決方案

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

function lessLoader(source) {
  const loaderContext = this;
  const options = (0, _getOptions.default)(loaderContext);
  
  options.javascriptEnabled = true;  //新增代碼塊
  
  const done = loaderContext.async();
  const isSync = typeof done !== 'function';

  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));
}