本文共 855 字，大约阅读时间需要 2 分钟。

目录

 步骤一：

如果以前安装过Less Loader，则需要注意：Less Loader 的版本会导致的兼容性问题，需要更换 Less Loader 5.0.0的版本。

解决：把 Less Loader 进行降级，通过 npm remove less-loader命令卸载 Less Loader ，通过 npm i less-loader@5.0.0 命令安装 less-loader@5.0.0 的版本，然后解决。

步骤二安装less：

npm install -g less

步骤三：

build/utils.js添加

javascriptEnabled: true // <- enable this option  //使用less

步骤四使用：

/** 常用色值 **/@colorA: #f9c700;@colorB: #ff5400;@colorC: #333;@colorD: #6699cc;@colorE: #9cb3c5;@colorF: #e0e6ec;@colorG: #666;@colorH: #999;@colorI: #ccc;@colorJ: #d7d7d7;@colorK: #e3e3e3;@colorL: #f1f3f5;@colorM: #fff;@colorN: #e5e5e5;@colorO: #afafaf;@colorP: #ff8605;@colorQ: #f9fbfc;@colorR: #001529;@colorS: #002140;@colorT: #232526;@colorU: #bebebe;/** 常用字体大小 **/@fontA: 34px;@fontB: 22px;@fontC: 18px;@fontD: 16px;@fontE: 14px;@fontF: 12px;@fontG: 20px;/** 常用间隔大小 **/@marginA:20px;@marginB:40px;

@import './default.less';

转载地址：http://plwlz.baihongyu.com/