目录结构如下:
需求:
在Navgation.vue中使用global.less中的变量
vue-cli3的配置方法如下:传送门
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({ <