如何在webpack+vue.js下配置使用scss

作为一个vue新手，想要搭建脚手架的时候，发现有内置的webpack方案，美中不足的是没有使用scss，找了很多地方感觉很多都没有说清楚，于是记录一下。

vue提供了初始化的webpack模板，其中使用了vue-loader。

vue-loader默认只支持sass, 要是想要使用scss，必须安装

node-sass和sass-loader，

然后再webpack的配置文件中添加

module.exports = {

  vue: {

    loaders: {

      scss: ['vue-style-loader','css', 'sass'].join('!')

    },

  }

}

然后在.vue格式的模板中，style 标签中添加 lang='scss' 就可以了。