安装sass-resources-loader插件
npm i sass-resources-loader --save-dev
定义全局less文件 目录(src/style/common.less)
创建vue.config.js文件(如果没有的话)
module.exports = {
chainWebpack: config => {
// 如果你使用的是sass,则此处应该为
// const oneOfsMap = config.module.rule('sass').oneOfs.store
// 依此类推,其他的比如stylus等一样用法
const oneOfsMap = config.module.rule('less').oneOfs.store
oneOfsMap.forEach(item => {
item
.use('sass-resources-loader')
.loader('sass-resources-loader')
.options({
// 这里填入你的样式文件地址
resources: './src/style/common.less'
})
.end()
})
}
}