如果node-sass的版本和本地的node版本不同,则会报错。那么node如何配置对应的sass环境,下面本篇文章给大家介绍一下node16+配置对应的sass环境的方法,希望对大家有所帮助!
新同事跑我之前的项目,怎样都跑不起来,一直报
node-sass
的错,搞了好久也没解决,太折磨人了。
node
与我本地的node
版本不同, 他是16+
我是14+
,太折磨人了。经过查询资料,发现node
各个版本对应的sass
不同node-sass对应表
参考(https://www.npmjs.com/package/node-sass)
node 16正确版本姿势
"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
nvm参考:
https://blog.csdn.net/weixin_44748205/article/details/115118322
dart-sass
1、卸载node-sass
2、安装
"sass": "1.32", "sass-loader": "^10.0.5",
3、遇到警告问题,参考issues,降级可以实现
更多node相关知识,请访问:nodejs 教程!!
以上是快速了解node16+如何配置对应的sass环境的详细内容。更多信息请关注PHP中文网其他相关文章!