vue腳手架安裝使用less

 

一、安裝less依賴

npm install less less-loader --save

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

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

 

注意：

可能會出現的錯誤： TypeError: loaderContext.getResolve is not a function

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