2.20 vue-cli构建项目使用 less

在vue-cli中构建的项目是可以使用less的，但是查看package.json可以发现，并没有less相关的插件，所以我们需要自行安装。

第一步 安装
打开cmd命令行，执行npm install less less-loader --save-dev，通过npm安装less和less-loader，并记录到devDependencies中，出现下图所示即表示安装成功

第二步 在配置文件中配置
​在如图所示的文件夹下新建webpack.dev.conf.js文件，并写上如下代码

module: {
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
}

即webpack.dev.conf.js在合并了webpack.base.conf.js的基础上又添加了dev环境下的module。

注意：在上面的代码中，我们还可以使用loaders来代替rules， 他们的含义是一样的。

在build文件夹下有一个utils.js文件，这个文件提供了一些通用的方法，供webpack.dev.conf.js和webpack.prod.conf.js使用。 其中styleLoaders方法如下：
（打开untils.j