Vue2.0配置sass

1、创建 webpack 模板的新项目

$ vue init webpack myvue

2、安装依赖

cd myproject
cd npm i
// sass-loader依赖于node-sass
npm i --save-dev sass-loader
npm i --save-dev node-sass

3、添加配置

在项目build文件夹下webpack.base.conf.js中，rules里面添加配置

{
  test: /\.scss$/,
  loaders: ['style', 'css', 'sass']
}

如图：

4、添加style标签

<style lang="scss">

5、运行vue项目

$ npm run dev

6、添加scss样式测试

<style lang="scss">
  $background:#ffeedd;
  .hello{
    background: $background
  }
</style>