vue中使用less出现的问题
2020-6-19 hubo JavaScript
vue中使用less出现的问题,正常编译却不能启动成功:
1.修改项目根目录build中的utils.js
在utils.js中:
less: generateLoaders('less')改为
less: generateLoaders('less').concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/assets/css/1.less')
}
}
)
2.修改webpack.base.config.js:
在该js中的modules中的rules中增加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
3.将less-loader的版本降低:
在package.js中找到less-loader,将版本号改为 ^5.0.0。
然后再执行npm install less-loader@5.0.0 --save