vue-cli3.0 和 vue-cli2.0 使用全局样式变量(style-resources-loader)

引包
npm insatll style-resources-loader
npm insatll sass sass-loader

一、vue-cli2.0

1. build.js- > utils.js

exports.cssLoaders = function (options) {
    ...return {
    css: generateLoaders(),postcss: generateLoaders(),less: generateLoaders('less'),sass: generateLoaders('sass', {
     indentedSyntax: true }),scss: generateLoaders('sass').concat({
    loader:'style-resources-loader',options: {
    resources: path.resolve(__dirname, '../src/assets/style/_handle.scss')}}),stylus: generateLoaders('stylus'),styl: generateLoaders('stylus')}} 

一、vue-cli3.0

1.vue.config.js

  pluginOptions: {
    'style-resources-loader': {
    preProcessor: 'scss',patterns: ['./src/styles/theme.scss']}}

Tips：【小程序云开发】中高级前端面试题库（源码：小程序中联系我哟）。
---------- 创作不易，感谢大家，请多多支持！