小编给大家分享一下node16+怎么配置对应的sass环境，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
新同事跑我之前的项目，怎样都跑不起来，一直报
node-sass的错，搞了好久也没解决，太折磨人了。
同事版本的node与我本地的node版本不同, 他是16+我是14+,太折磨人了。经过查询资料，发现node各个版本对应的sass不同
node-sass对应表
node 16正确版本姿势
package.json
"node-sass": "^6.0.1", "sass-loader": "^10.0.1",
vue.configl.js全局变量也要修改
loaderOptions: {
sass: {
//以下两种都可以
additionalData: `@import "~@a/scss/entrance.scss";`//sass-laoder 10+版本
//prependData: `@import "./src/assets/scss/entrance.scss";`// sass-loader 8+版本
},node-sass与sass-loader的匹配
sass-loader 4.1.1，node-sass 4.3.0 sass-loader 7.0.3，node-sass 4.7.2 sass-loader 7.3.1，node-sass 4.7.2 sass-loader 7.3.1，node-sass 4.14.1
推荐使用node管理工具nvm
这样我们可以来回自如的切换node版本，可以适配不同项目环境。
今后主流方向是dart-sass
使用
1、卸载node-sass
2、安装
"sass": "1.32", "sass-loader": "^10.0.5",
3、遇到警告问题，参考issues，降级可以实现
看完了这篇文章，相信你对“node16+怎么配置对应的sass环境”有了一定的了解，如果想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
