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、编译运行