iview 开发--换肤

根据 iview 官网 推荐 ，我们也推荐使用 变量覆盖 的方式来修改主题

官网的使用手册就不赘述了

说一说使用中遇到的情况

 

在使用中，按照说明引入以后，发现项目报错

这个报错，让你执行命令 npm install --save ， 执行过后，发现还是报错

原因：可能是你的项目没有安装 less 和 处理 less 的 less-loader 

 

有了原因，才能解决，盘他～

npm install less --sav

npm install less-loader --sav

 

结果..............项目启动成功了，好像并没有生效

报错如下

一顿排查，发现时 less 的版本不对，修改成  2.7.0 左右 的版本

成功了 ～～～

 

建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～建议～

 

手写建议：

less 相关的，最好安装到 devDependencies 而不是 dependencies ，减小项目的体积

因为 less 浏览器还不识别，也是必须编译过后才能被识别，

而 dependencies ，中放的是线上项目必须用的的东西

实际上线的项目中，是不会存在 less  的代码的，而是被 less-loader 编译后的 css