vue-cli 使用less 遇到的問題 ｜｜ vue-cli 使用less

vue-cli 使用less
安裝less，less-loader

npm install less less-loader --save-dev
或者
npm/cnpm i less less-loader --save-dev

等待安裝成功即可，接下來可以在vue項目中的package.json中看到less的相關依賴
修改 build 下面 webpack.base.conf.js文件 module.exports 里面的module，module里面的 rules數組里添加 {
test: /.less$/,
loader: 'style-loader!css-loader!less-loader'
}

1、安裝 npm install less less-loader --save

2、配置，在webpack.base.conf.js 的 rules 節點下新增：

{
test: /.less$/,
loader: "style-loader!css-loader!less-loader"
}
3、使用，在 style 標簽中使用 lang="less"

4、編譯運行，此時可能會報錯：

Module build failed: TypeError: loaderContext.getResolve is not a function

5、解決

這個錯誤一般都是由less-loader版本過高導致的，版本號可以在 package.json 中查看；

卸載原來的 npm uninstall less-loader；

安裝指定版本 npm install less-loader@4.1.0 --save

6、編譯運行