vue-cli使用less的配置方法

前提：使用的vue-cli搭建的vue项目，在vue-lic中配置less

1：安装less

npm install less less-loader --save-dev

2：安装成功之后，可以在 package.json 文件中看到安装的less的版本，如果没有可能是安装失败，再重新安装

       

3：找到build文件夹中的webpack.base.conf.js，在module对象 的rules数组中加上下面的代码

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

   

4：配置成功之后，就可以在vue中使用less了