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