当前位置: 首页 > Web前端 > vue.js

vue2.0引入sass的完整解决方案

时间:2023-04-01 01:13:00 vue.js

1.sass-loader依赖node-sass,所以需要安装node-sassnpminstallnode-sass--save-dev//安装node-sassnpminstallsass-loader--save-dev//安装依赖包sass-loadernpminstallstyle-loader--save-dev//安装style-loader2。在build文件夹下的webpack.base.conf.js模块下的rules中添加配置{test:/.sass$/,loaders:['style','css','sass']},如果项目没有启动报错,可以参考以下解决方法:1.这个是引入vue项目(vue-cli创建)sass后,打包项目时出错。这个错误是sass-loader的版本导致的  解决方法:在package.json中,将"sass-loader":"^10.0.1"版本改为"sass-loader":"^7.3.1",然后重新npminstall2。创建此文件后,出现新错误“NodeSass版本5.0.0与^4.0.0不兼容。”  解决方法:    卸载安装的版本npmuninstallnode-sass    安装npminstallnode-sass@4.14.1成功解决问题。项目打包成功。最后总结一下用vue-cli创建vue项目时引入sass的步骤【不需要配置,因为vue-cli已经帮我们配置好了】1、下载安装:npminode-sasssass-loaderstyle-装载机-D2。可以开始使用了[lang="scss"]报错原因不想总结了。这是报错原文链接https://www.cnblogs.com/qiuyi...看文章的时候一定要小心,大意了只能消耗自己的时间!!