vue-cli 2.x中全局引用公共scss

1.安装scss

这些插件使我们使用scss所必须安装的

npm install node-sass --save-dev

npm install sass-loader --save-dev

npm install style-loader --save-dev

2.安装sass-resources-loader

这个插件是我们想要全局引用scss所要安装的

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

3.创建公共scss

4.全局引入

修改build中的utils.js 
我们将

scss: generateLoaders('sass'),

改为：

scss: generateLoaders('sass').concat(
  {
    loader: 'sass-resources-loader',
    options: {
        //你自己的scss全局文件的路径
      resources: path.resolve(__dirname, '../src/common/style/index.scss')
    }
  }
)

最后，在组件中的style标签添加lang="scss"，就OK了。