概述
做了个项目，遇到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文件设置成全局样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复