扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
vue-cli4如何使用全局less文件中的变量配置？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计制作、网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的北关网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！目录结构如下：
需求：
在Navgation.vue中使用global.less中的变量
vue-cli4的配置方法如下：
安装 style-resources-loader
npm i style-resources-loader -D
在 vue.config.js 中加上如下配置，没有则创建该文件，文件名不能改，如下：
// vue.config.js
const path = require('path')
module.exports = {
lintOnSave: false,
chainWebpack: config => {
const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
types.forEach(type => addStyleResource(config.module.rule('less这里写你的样样式类型').oneOf(type)))
},
}
function addStyleResource (rule) {
rule.use('style-resource')
.loader('style-resources-loader')
.options({
patterns: [
path.resolve(__dirname, './src/assets/css/global.less这里写你的全局样式地址'),
],
})
} 
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网