element-ui 根据实际需求定制

由于项目大量使用了element-ui基础UI组件，项目完成了大部分客户却不喜欢这种设计风格。我们如何去根据实际需求定制。

开始

• 首先请阅读 Element UI 贡献指南 github.com/ElemeFE/ele… 并按根据上面的操作执行到 npm run dist。
• 然后我们要发布一个新的element-ui，就不能使用原来的项目名称（npm不允许上传重复的模块名称）。
  这里检索到的名称全部要替换为你更改的名称。
• 后面就可以发布了。更改完成后再次运行一下 npm run dist 看是否有更改遗留问题。
• 我们来看一下它原来的发布命令。npm run pub 。原来的发布是通过执行它来完成的，该命令执行了一长串的脚本，我们不需要那样。直接执行 npm publish就可以了。执行前要确保当前 lib 文件夹中的代码是更改后编译的代码，那么就是每次发布前都要执行 npm run dist,我是觉得很烦的。我们在package.json script 字段后面加 "prepublishOnly": "npm run dist" 。就像下面这样
  那么现在每次执行npm publish 都会执行npm run dist 打包命令了。这样来确保我们每次发布的代码都是更改后的。另外在发布前一定要修改package.json version 版本号。不然会发布失败。由于我们是发布到npm镜像仓库，那么我们应该切换npm 源，一般国内都是指定了淘宝镜像的。我们要切换到 npm 上才能正常发布。

转载于:https://juejin.im/post/5c76349c51882523f02677e6