这是我们scss中定义的变量
//$color-bg : #f4f4f4;
$color-H:#2E2F33;
//字体定义规范
$font-size-17: 17px;
$font-size-15: 15px;
$font-size-14: 14px;
$font-size-13: 13px;
$font-size-12: 12px;
想在全局中使用要安装插件
npm install sass-resources-loader --save-dev
然后在build的unils.js中找到scss的配置
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders('less'),
sass: generateLoaders('sass', { indentedSyntax: true }),
scss: generateLoaders('sass'),
stylus: generateLoaders('stylus'),
styl: generateLoaders('stylus')
修改为:
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders('less'),
sass: generateLoaders('sass', { indentedSyntax: true }),
//全局使用scss
scss: generateLoaders('sass').concat({
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/scss/comm.scss')
}
}),
stylus: generateLoaders('stylus'),
styl: generateLoaders('stylus')