echo编辑整理
iview的官网定制主题引入太简单了，为我们引入流程下了很多的坑，博主也是踩了好久的坑才一一解决的。
引入步骤（官网版）
简单的令我不敢相信，踩坑了才发现直觉是对的。
正确引入步骤
- 第一步：既然选择要用iview，
npm install view-design --save第二步：然后在项目里面创建my-theme目录
我创建目录的位置如下：
第三步: 在my-theme下面创建index.less文件
第四步：在index.less里面引入官网的内容
@import '~view-design/src/styles/index.less';
// Here are the variables to cover, such as:
@primary-color: #8c0776;- 第五步：在main.js里面引入index.less
import '../my-theme/index.less';到这里，如果你启动了项目，那踩坑就开始了，因为你还没有less环境
- 第六步：（很重要）因为index.less是less格式，所以要安装less，官网没有提。（第六步和第七部都要执行完）
npm install less@3.10.3- 第七步：less安装配合安装less-load
npm install less-loader@5.0.0这里是个深坑，如果你不小心没有带上版本，或者没有带上合适的版本，那可随时会调到坑的。因为less版本不易过高，太高了项目根本不支持！！！千万不能偷懒，直接不带版本，最新版本很多都不支持
- 第八步：配置build目录下面的utils.js
less: generateLoaders('less', { javascriptEnabled: true }),最后这一步比较隐蔽，很多人会忽略掉，如果忽略掉就会出现找不到目录，或者直接告诉你，文件加载不成功。所以你可以按照我这里的提示把你的内容替换掉
注意：
这里没有直接说有什么错误，并且没有对错误截图，但是这里的步骤基本每一步都有坑。不需要多想，按照这里的步骤一步一步基本能避开这些坑。
大概有哪些坑？
- 报import ‘…/my-theme/index.less’;找到
- index.less加载不了
