做了个项目，遇到vue-cli3将less文件设置成全局样式，弄好后记录下来
安装 style-resources-loader 和 vue-cli-plugin-style-resources-loader
npm i style-resources-loader vue-cli-plugin-style-resources-loader -D
然后在vue.config.js添加如下代码
const path = require("path");
module.exports = {
// ...
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [path.resolve(__dirname, "./src/less/base.less")] // 引入全局样式变量（文件路径）
}
},
// ...
}
然后npm run serve重启项目就ok了
最后
以上就是搞怪日记本最近收集整理的关于vue-cli3怎么将less文件设置成全局样式的全部内容，更多相关vue-cli3怎么将less文件设置成全局样式内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复