vue-cli-3关于iview自定义主题报错问题

错误信息

error message

查阅了很多资料，排除less和less-loader未安装的可能性
这个问题定位应该是webpack关于less-loader的配置默认值是不合适的

需要添加新的配置进去

但是Vue-CLI3没有将2.x时的webpack.base.conf.js文件暴露在项目目录中

而是通过创建vue.config.js并添加自定义配置项在里面 最终在run serve或run build的时候 检测该js文件并将配置项通过merge合并进去 的方式实现配置项的修改

在Vue-cli2.x的时候 给loader加配置项是方式是这样的

{ loader: 'less-loader', options: { javascriptEnabled: true } }

在Vue-Cli3.0中需要这样写vue.config.js

module.exports = {
  css: {
    loaderOptions: { // 向 CSS 相关的 loader 传递选项
      less: {
        javascriptEnabled: true
      }
    }
  }
}

然后重启项目，问题解决。

参考文章：传送门