网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

node16+怎么配置对应的sass环境

小编给大家分享一下node16+怎么配置对应的sass环境,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

我们提供的服务有:成都网站建设、网站制作、微信公众号开发、网站优化、网站认证、曲沃ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的曲沃网站制作公司

新同事跑我之前的项目,怎样都跑不起来,一直报node-sass的错,搞了好久也没解决,太折磨人了。

发现

  • 同事版本的node与我本地的node版本不同, 他是16+我是14+,太折磨人了。经过查询资料,发现node各个版本对应的sass不同

1、node-sass准确使用

node-sass对应表

node16+怎么配置对应的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://bjjierui.cn/article/jecjjg.html

其他资讯