vue项目内引入全局scss文件，可使用样式变量

在webpack创建的项目下，找到build/utils.js文件，如下把红色的内容替换为黄色的：

css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    // scss: generateLoaders('sass'),
    scss: generateLoaders('sass').concat(
        {
          loader: 'sass-resources-loader',
          options: {
            resources: path.resolve(__dirname, '../src/assets/global.scss')  //全局样式文件存放位置
          }
        }
    ),
    stylus: generateLoaders('stylus'),

 

备注：global.scss是正常的sass用法，可定义变量并且可全局使用：

// 全局scss文件 可做主题等使用

$gl-bg-color:#ffffff;//背景颜色