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

版权声明：本文为博主原创文章，遵循 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

转载于:https://www.cnblogs.com/shaozhu520/p/11547383.html