站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

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

时间:2021-12-21 [网络编程]作者:fabuyuan 浏览:6 次

如果node-sass的版本和本地的node版本不同,则会报错。那么node如何配置对应的sass环境,下面本篇文章给大家介绍一下node16+配置对应的sass环境的方法,希望对大家有所帮助!

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

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

发现

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

1、node-sass准确使用

node-sass对应表

参考(https://www.npmjs.com/package/node-sass)

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

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版本,可以适配不同项目环境。

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环境的详细内容,更多请关注站长家园其它相关文章!

本文标签:  node16sass环境

转载请注明来源:快速了解node16+如何配置对应的sass环境

本文永久链接地址:https://www.adminjie.com/post/6692.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • centos7 终端中文乱码怎么办

      centos7 终端中文乱码怎么办

      centos7终端中文乱码的解决办法:1、查看服务器编码;2、查看终端xshell编码;3、设置“exportLANG="zh_CN.UTF-8"”;4、重启...

    • html5标签head和header有什么区别

      html5标签head和header有什么区别

      区别:1、head标签用于定义文档头部,它是所有头部元素的容器,而header标签用于定义文档的页眉(介绍信息);2、浏览器都支持head标签,而旧版本浏览器均...

    • docker可以装在虚拟机上吗

      docker可以装在虚拟机上吗

      docker可以装在虚拟机上;docker容器运行在虚拟机或者物理机上都可以,无论是虚拟机还是物理机,都是硬件和基础设施的一种交付方式,而docker容器主要就...

    • centos是linux系统吗

      centos是linux系统吗

      centos是linux操作系统的一个版本,centos主要分为两个版本:1、CentOSLinux版,该Linux版每两年发行一次;2、CentOSStr...

    • 搜索引擎对html5友好吗

      搜索引擎对html5友好吗

      搜索引擎对html5友好,搜索引擎蜘蛛能够更加轻易的抓取和索引使用Html5标准网站的内容。html5有利于搜索引擎抓取和收录网站更多的内容,对SEO很友好,可...

  • 买服务器送会员
  • 热门文章
  • 买服务器送会员