使用 vue-cli 脚手架搭建项目，如何设置 scss 全局样式

使用vue-cli模板创建新项目：

vue init webpack myvue

这里使用的是 vue-cli 2.0

配置流程：

1、先安装sacc依赖

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

2、找到配置文件 utils.js
文件位于 根目录下 /build/utils.js
3、找到配置项：scss: generateLoaders(‘sass’)
把它替换成如下代码并保存就可以了：

scss: generateLoaders('sass').concat(
      {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/global.scss')  // 这里是你的全局样式文件
        }
      }
    )

推荐使用vscode作为开发工具，可以安装 easy sass 插件，可以自动编译 scss 文件。