如何解決Vue項目里面沒有sass-loader依賴包的問題

【報錯問題】

【分析問題】

說明項目里面沒有sass-loader依賴包，需要安裝dart-sass(即該軟件包已被棄用，后來被重命名為“sass”)或node-sass。

【解釋】

依賴包名稱	用途
sass-loader	加載SASS / SCSS文件并將其編譯為CSS。
node-sass	Node Sass將Node.js綁定到LibSass(流行樣式表預處理器Sass的C版本)，允許用戶以令人難以置信的速度將.scss文件本地編譯為css，并通過連接中間件自動編譯。Node Sass支持與此包相同的API，并且速度也更快(盡管通常比Dart Sass慢一些)。但是，它需要一個可能很難安裝的本機庫，并且添加功能和修復錯誤的速度通常較慢。該官網警告：不推薦使用LibSass和Node Sass。盡管他們將繼續無限期地獲得維護版本，但沒有計劃添加其他功能或與任何新的CSS或Sass功能兼容。仍在使用它的項目應移至 Dart Sass上。
dart-sass	可以從中編譯Dart Sass軟件包用作獨立的可執行文件或Dart庫。在Dart VM上運行Dart Sass的速度比運行純JavaScript版本的速度快得多，因此這可能適合于對性能敏感的應用程序。與JavaScript API相比，目前的Dart API也更加用戶友好。Dart Sass默認為所有現有瀏覽器提供足夠高的精度，并且使其可自定義將使代碼的效率大大降低。該軟件包已被棄用，不過本作者給我們留言：此包已重命名為“sass”。

【解決問題】

(不推薦)安裝sass-loader和Node Sass兩個依賴包，命令如下：

npm install sass-loader --save-devnpm?install?node-sass?--save-dev

簡稱為：

npm?i?node-sass?sass-loader?-D

(超級推薦)安裝sass-loader和Dart Sass兩個依賴包，命令如下：

npm install sass-loader --save-devnpm?install?sass?--save-dev

簡稱為：

npm i sass sass-loader -D

【作者聲明】

本篇經驗系本人依照真實經歷原創，需要轉載到博客、自媒體平臺、技術網站等，未經許可，嚴格遵守本人的知識版權，謝絕轉載。如想轉載，請聯系本人授權。

聯系郵箱：3403978592@qq.com

總結

以上是生活随笔為你收集整理的unipapp 解决无法编译sass_如何解决Vue项目里面没有sassloader依赖包的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。