如何给vue项目安装配置less

前提是项目工程里有webpack.base.conf.js文件

这需要建项目工程时是用脚手架vue-cli和webpack这是建工程的具体操作

1、安装less

建议安装指定版本号，否则后面引用less时会报错，如果报错，请看另一篇文章

a.不指定版本号的安装命令

npm install less less-loader --save-dev

b.安装指定版本的命令

npm install less less-loader@5.0.0 --save-dev

下面是我安装时的截图 

 

 

2、找到webpack.base.conf.js文件，在module下的rules数组里添加下面这条配置

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

 下面是我配置的截图