错误信息
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
}
}
}
}
然后重启项目，问题解决。
参考文章：传送门
网友评论