1.安装scss

    npm install node-sass --save-dev
    npm install sass-loader --save-dev
    npm install style-loader --save-dev

 

2.安装sass-resources-loader 

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

3.创建公共scss 

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

 

base.scss 写一些我们需要全局设置的一些基本样式，例如清除浮动

mixin.scss 这个文件就是我们scss的mixin文件了

index.scss

   是我们scss的总体引入文件，将我们所有的公共scss引入，这样一来我们只要全局引用index.scss文件就可以了

//minxin
@import './mixin.scss';
 //全局设置的基本样式
@import './base.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')
    }
  }
),