vue项目中使用sass

1、安装sass相关依赖

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

将sass模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。

2、添加webpack配置

找到build文件加下的webpack.base.conf.js中的rules添加loader

{
    test: /\.vue$/,
    loader: 'vue-loader',
    options: {
      loaders: {
        'scss': 'style-loader!css-loader!sass-loader'
      }
    }
  }
{
	test:/\.scess$/,
	loaders:['style','css','sass']
}

3、在.vue文件中注意style标签的使用

<style lang="scss" scoped>

</style>

4、接下来就可以愉快的撸代码了