版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/jiangwei1994/article/details/81940324

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">

————————————————

版权声明：本文为CSDN博主「Jerry丶惟」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/jiangwei1994/article/details/81940324