在Vue中使用Sass

一、安装sass的依赖

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

npm install --save-dev sass-loader

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

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

位置如图所示

三、使用

<style lang="scss">
  ...
<style>

参考资料

在vue中使用sass的配置的方法