node16+怎么配置对应的sass环境
小编给大家分享一下node16+怎么配置对应的sass环境,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
我们提供的服务有:成都网站建设、网站制作、微信公众号开发、网站优化、网站认证、曲沃ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的曲沃网站制作公司
新同事跑我之前的项目,怎样都跑不起来,一直报
node-sass
的错,搞了好久也没解决,太折磨人了。
发现
同事版本的
node
与我本地的node
版本不同, 他是16+
我是14+
,太折磨人了。经过查询资料,发现node
各个版本对应的sass
不同
1、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版本,可以适配不同项目环境。
2、更推荐使用dart-sass
今后主流方向是
dart-sass
使用
1、卸载node-sass
2、安装
"sass": "1.32", "sass-loader": "^10.0.5",
3、遇到警告问题,参考issues,降级可以实现
看完了这篇文章,相信你对“node16+怎么配置对应的sass环境”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
本文名称:node16+怎么配置对应的sass环境
当前路径:http://cdiso.cn/article/jecjjg.html