vue-element-admin中node-sass怎么換成dart-sass

本篇內容介紹了“vue-element-admin中node-sass怎么換成dart-sass”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

vue-element-admin中node-sass換成dart-sass，安裝依賴報code 128等問題

1、node-sass換成dart-sass

在使用vue-element-admin這個后臺管理框架中，安裝依賴的時候或多或少都會遇見一些問題，其中最常見的莫過于下圖這個！

這是因為node-sass在windows環境中必須安裝python2和Visual Studio才能編譯成功。由此可見這個問題多么的。。。

現在可以通過把node-sass換成dart-sass來解決這個問題，更換的方式也非常簡單。

npm uninstall node-sass

npm install sass -S -D

但是有一點需要注意的是，替換 node-sass 之后就是它不再支持之前 sass 的那種 /deep/ 寫法，需要統一改為 ::v-deep 的寫法。
在這里我們全局搜索進行替換即可，然后就可以愉快的運行項目了。

2、安裝依賴報code 128的問題

首先是這種情況

這個問題應該很多人遇見過，之前遇見的時候，多試幾次或者掛梯子即可解決，但是前天試了好多遍都不行，網上的方法也試了很多，沒有解決，后來問大神說把DNS改成1.1.1.1，果然神奇的解決了。

還有以下這種情況

這種情況是秘鑰問題，git在本地重新生成以下，在gitHub上重新配置即可解決。

3、unable to resolve dependency tree

這是因為npm版本過高導致，降低版本即可。
npm install npm@6.14.10 -g

擴展：vue中把node-sass換成dart-sass方式（解決辦法）

一、替換原因

因為node-sass和node.js版本關聯太緊了，如果這兩個版本不匹配，就會起沖突，導致項目無法運行。

ps：值得一提的是node版本和要運行的項目使用的依賴版本相差太大也會導致運行失敗，這就需要降低node版本了

二、art-sass和node-sass的區別

 node-sass是實時編譯的，dart-sass是需要保存后才會生效

dart-sass的優點：

（1）可以使用sass和css新特性

（2）避免項目以及其他的依賴升級node-sass導致不兼容問題

（3）不存在二進制文件安裝，避免了node-sass因為依賴其他文件導致運行失敗

dart-sass的缺點：

（1）執行編譯過程中，dart-sass內存占用比node-sass要大一點

（2）相對于node-sass使用c++實現的樣式預處理器。用純JavaScript實現的dart-sass就慢了一點

三、替換方法

1.終端輸入如下命令卸載node-sass

npm uninstall node-sass

2.安裝dart-sass

npm install --dev sass

“vue-element-admin中node-sass怎么換成dart-sass”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！