vue cli2 使用scss 全局变量

vue cli2 使用scss 全局变量

安装插件sass-resources-loader

npm install sass-resources-loader --save-dev

修改build/utils.js

  exports.cssLoaders = function(options) {
  //......
  function generateLoaders(loader, loaderOptions) {
  return {
    sass: generateLoaders("sass", {
      indentedSyntax: true
    }),
    // scss: generateLoaders('sass'),
    scss: generateLoaders("sass").concat({
      loader: "sass-resources-loader",
      options: {
        resources: path.resolve(__dirname, "../src/styles/variables.scss") //这里是单独建的存放变量的scss，我的是 scss
      }
    }),
    //......
  };
};