vue-cli 安装 less 配置和失败问题

用 vue-cli 搭建了一个项目，需要使用 less ，记录一下安装过程和安装中遇到的问题。

安装 less-loader

npm install less less-loader --save-dev

在 webpack 中配置less-loader

• 找到 build 文件夹下面的 webpack.base.conf.js 文件夹
• 在 module 的 rules 列表里增加配置

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

• test 是匹配规则
• 由于 webpack 并不能识别l less 和 css, 加载 loader
  是从下往上，也就是从右向左的，因此要把 less-loader 写在最后，将 less 转为 css ,然后是 css-loader 和
  style-loader ，style-loader 可以在 html 中创建一个 <style> 标签

安装好之后执行 npm run dev 命令，