仅需三步，即可在Vue项目中配置sass

1.安装sass依赖包

在终端中输入npm install --save-dev sass-loader，下图表示安装成功：

安装完sass-loader后，再安装node-sass，输入npm install --save-dev node-sass，因为sass-loader依赖于node-sass，下图表示安装成功：

2.添加配置

打开build文件夹下的webpack.base.conf.js，如下图：

找到module.exports里的module，在rules里添加下面的配置：

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

如下图所示：

3.修改style标签

在vue文件中修改style标签，即可使用sass。

<style lang="scss">