一、 不需要安装loader
修改build中的utils.js下的exports.cssLoader的return
将
scss: generateLoaders('sass')
改为
scss: generateLoaders('sass',{data:'@import "../src/assets/css/_global.scss";'}),
二、需要安装loader
yarn安装loader
yarn add sass-resources-loader
修改build中的utils.js
将
scss: generateLoaders('sass')
改为
scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
//公用sass的相对路径
resources: path.resolve(__dirname, '../src/assets/global.scss')
}
}
)
接下来就可以直接在vue文件中使用公用文件的mixin或者$变量了