vue 项目 使用sass

1、安装并在package.json中添加

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

2、进入webpack.base.config.js 配置scss

     找到 module -- loaders (vue2.0)

  module: {    rules: [      {        test: /\.vue$/,        loader: 'vue-loader',        options: vueLoaderConfig      },      {        test: /\.js$/,        loader: 'babel-loader',        include: [resolve('src'), resolve('test')]      },      {        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,        loader: 'url-loader',        options: {          limit: 10000,          name: utils.assetsPath('img/[name].[hash:7].[ext]')        }      },      {          test: /\.scss$/,          loaders: ['style', 'css', 'sass']        },      {        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,        loader: 'url-loader',        options: {          limit: 10000,          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')        }      }    ]  }