vue2老項目中node-sass更換dart-sass的操作方法
更新時間：2024年07月29日 10:25:55 作者：隨便起的名字也被占用
這篇文章主要介紹了vue2老項目中node-sass更換dart-sass的操作方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
vue2老項目中node-sass更換dart-sass
更換原因：node-sass經常會出現node版本問題，就很麻煩
卸載項目中的node-sass sass-loader
npm uninstall sass-loader sass
安裝dart-sas sass-loader 推薦安裝sass@1.26.2 sass-loader@7.3.1
npm install sass-loader@7.3.1 sass@1.26.2
從新配置vue.config.js
// vue.config.js
module.exports = {
css: {
loaderOptions: {
sass: {
implementation: require('sass'), // This line must in sass option
},
},
}
}然后需要全局替換一下/deep/，全局搜索 /deep/ , 將項目里的 /deep/ 替換為 ::v-deep
如果使用了stylelint，需要修改配置規(guī)則
// stylelint.config.js
module.exports = {
...
rules: {
'selector-pseudo-element-no-unknown': [
true,
{
ignorePseudoElements: ['v-deep'],
},
],
},
...
};到此這篇關于vue2老項目中node-sass更換dart-sass的操作方法的文章就介紹到這了,更多相關vue node-sass更換dart-sass內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家詳細介紹了vue如何實現observer和watcher源碼的相關資料，分析vue的observe實現源碼，聊聊如何一步一步實現$watch，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
vue 項目打包通過命令修改 vue-router 模式 修改 API 接口前綴
這篇文章主要介紹了vue 項目打包通過命令修改 vue-router 模式 修改 API 接口前綴的相關知識，本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2018-06-06
單頁面應用的一個問題就是首頁加載東西過多，加載時間過長。特別在移動端，單頁面應用的首屏加載優(yōu)化更是繞不開的話題，這篇文章主要介紹了vue項目首屏加載時間優(yōu)化實戰(zhàn)，感興趣的小伙伴們可以參考一下2019-04-04
Vue.js是一款流行的JavaScript前端框架,很受用戶喜愛,這篇文章主要介紹了vue3圖片剪裁插件vue-img-cutter使用小結,本文結合示例代碼講解的非常詳細,感興趣的朋友一起看看吧2024-01-01
這篇文章主要介紹了Vue中$on和$emit的實現原理分析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
今天在開發(fā)中遇到有點小問題，vue+Java后端進行調試時如何解決跨域問題，下面小編給大家分享解決方法，感興趣的朋友一起看看吧2017-10-10
本文主要介紹了vue3生成隨機密碼的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要介紹了Vue的土著指令和自定義指令的用法講解 ,需要的朋友可以參考下2018-02-02
這篇文章主要為大家介紹了vue?parseHTML?函數拿到返回值后的處理源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
本文介紹了vuejs指令的相關知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02