需要借助 sass-resources-loader工具来实现
npm install sass-resources-loader
在项目的根目录下,新建vue.config.js文件,加入配置
module.exports = {
chainWebpack: config => {
const oneOfsMap = config.module.rule('scss').oneOfs.store
oneOfsMap.forEach(item => {
item
.use('sass-resources-loader')
.loader('sass-resources-loader')
.options({
// 要公用的scss的路径
resources: './public/css/reset.scss'
})
.end()
})
}
}