概述
如果node-sass的版本和本地的node版本不同，则会报错。那么node如何配置对应的sass环境，下面本篇文章给大家介绍一下node16+配置对应的sass环境的方法，希望对大家有所帮助！
发现
- 同事版本的
node与我本地的node版本不同, 他是16+我是14+,太折磨人了。经过查询资料，发现node各个版本对应的sass不同
1、node-sass准确使用
node-sass对应表
参考（https://www.npmjs.com/package/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版本，可以适配不同项目环境。
2、更推荐使用dart-sass
- 今后主流方向是
dart-sass - 使用
1、卸载node-sass
2、安装
"sass": "1.32",
"sass-loader": "^10.0.5",
登录后复制3、遇到警告问题，参考issues，降级可以实现
最后
以上就是彪壮美女为你收集整理的快速了解node16+如何配置对应的sass环境的全部内容，希望文章能够帮你解决快速了解node16+如何配置对应的sass环境所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复