项目创建
通过命令创建项目vue init 项目名称 webpack
安装依赖
执行npm install less less-loader --save-dev
修改配置文件
找到build文件夹下的webpack.base.conf.js文件,在module下的rules数组里添加下面这条配置
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
},
最终webpack.base.conf.js文件修改部分如下:
注意:
部分安装依赖并且配置之后,在使用less时,会出现less-loader错误,一般是less-loader版本过高问题,自行降低版本即可。