快速了解node16+如何配置对应的sass环境

新同事跑我之前的项目，怎样都跑不起来，一直报node-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.0sass-loader 7.0.3，node-sass 4.7.2sass-loader 7.3.1，node-sass 4.7.2sass-loader 7.3.1，node-sass 4.14.1

推荐使用node管理工具nvm

• 这样我们可以来回自如的切换node版本，可以适配不同项目环境。

nvm参考：

https://blog.csdn.net/weixin_44748205/article/details/115118322

2、更推荐使用dart-sass

• 今后主流方向是dart-sass
• 使用

1、卸载node-sass
2、安装

"sass": "1.32","sass-loader": "^10.0.5",

3、遇到警告问题，参考issues，降级可以实现

更多node相关知识，请访问：nodejs 教程！！

以上就是快速了解node16+如何配置对应的sass环境的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！