如何在Vue项目中优雅的使用sass

开始之前，请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)

1.打开项目终端，安装sass的依赖包

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

2.在build文件夹下的webpack.base.conf.js的rules里面添加以下配置

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

3.在组件中修改style标签

<style lang="scss">

然后，然后，然后就可以愉快的在Vue中写sass啦~