vue如何在腳手架上添加less依賴

發(fā)布時間：2021-10-27 17:07:25 來源：億速云閱讀：378 作者：小新欄目：編程語言

小編給大家分享一下vue如何在腳手架上添加less依賴，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

添加方法：1、使用“npm install less less-loader --save”命令安裝less依賴；2、修改“webpack.base.conf.js”文件，配置loader加載依賴，讓其支持外部的less即可。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

vue在腳手架上添加less依賴的方法：

1、安裝less依賴

npm install less less-loader --save

2、修改webpack.base.conf.js文件，配置loader加載依賴，讓其支持外部的less，在model中添加

{
　　test: /\.less$/,
　　loader: 'style-loader!css-loader!less-loader'
},

注意：

可能會出現(xiàn)的錯誤： TypeError: loaderContext.getResolve is not a function

這個是因為 less-loader 版本過高，卸載下來，重新下載一個低版本，less 也一并卸載安裝低版本。

以上是“vue如何在腳手架上添加less依賴”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡