Vue中使用less以及启动报错解决方案

安装less

npm install less less-loader -D

配置less

在build/webpack.base.conf.js 中 mudule.rules 中添加：

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

使用less

在vue 文件中的style标签上加上 lang=“less”，即可使用：

如果启动后报错，如下图所示：

原因是由于less-loader安装的版本过高，可以卸载后安装指定低版本

npm uninstall less-loader
npm install less-loader@4.1.0 -D