作為一個愛折騰的主,我的package隨時都是ncu -u!
何為ncu,就是檢查nodejs npm/yarn項目依賴最新版本package.json一個插件!
這不,前幾天less-loader 升級了最新版,我也迫不及待升級。
升級最新版軟件依賴有很多好處,總之作為一個開發(fā)者你發(fā)布新版本肯定是升級改造的工作,項目正常點都是變更好。
但經(jīng)常會踩坑!比如把幾天前的Vue項目升級成最新版依賴以后,eslint需要修改,less-loader也需要修改。花費在報錯的時間上都花了不少!
Vue項目升級less-loader出現(xiàn)這個錯誤還好處理,那就是把vue項目提取出vue.config.js
怎么提取不知道的看官方文檔,也就四vue cli官方文檔!
兼容less-loader 最新版6.0.0的方法很簡單,就是把原來的less配置下移一個層級配置。前后修改對比如下!
亦即把導(dǎo)出的對象css.loaderOptions.less下面的屬性更改為css.loaderOptions.less.lessOptions。
主要代碼修改:
css: {
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
},
css: {
loaderOptions: {
less: {
lessOptions:{
javascriptEnabled: true
}
}
}
},
經(jīng)過研究測試,最新版Vue Cli創(chuàng)建的項目暫無此問題!
升級全部最新依賴!
安裝了less-loader依賴!項目代碼全覽!