我一直以为vue可以是用全局的less,直到自己接触了才知道要通过配置去实现。我可查到的配置还挺坑的。这里就记录一种。
该方式我只在vue-cli4及以上使用过
1.安装相关包
npm i style-resources-loader vue-cli-plugin-style-resources-loader -D
2.在vue.config.js中添加以下代码
module.exports = {
pluginOptions: {//全局使用less
'style-resources-loader': {
preProcessor: 'less',
patterns: [path.resolve(__dirname, "src/assets/css/style.less")]
}
}
};
以为这样就好了吗?是的,我也这样认为,可是项目less文件中的变量还是不能使用
坑就在这,less-loader的版本要改成6.0.0
npm i less-loader@6.0.0 -D
less-loader版本变更后,变量不再报错。
很不好意思的说,我也搞不清楚为什么会这样???