修改elementUI源码之后的发布方式

这里提供两种修改elementUI源码之后的发布方式:
①官方源码库clone下来修改:缺点是npm install 会覆盖掉修改的内容

1.首先将ElementUI的官方源码库clone下来
https://github.com/ElemeFE/element.git
cd element
npm install

2.安装完依赖后运行打包命令:npm run dist

3.packages文件夹中存放的就是各种组件源码,可以根据需要去进行修改,修改完成后重新执行npm run dist就会重新打包,覆盖lib文件夹

4.修改后将lib文件夹中文件替换你项目中/node_module/element-ui/lib中的文件

注意:修改样式的话需要在src文件夹下找到相应的样式进行修改,修改完成后在theme-chalk文件夹下, npm install安装依赖,安装完后使用npm run build对样式进行编译和打包,(样式打包使用的是gulp工具),打包后文件会覆盖theme-chalk下的lib文件夹。
修改完逻辑和样式,并对样式文件进行重打包后,返回根目录下npm run dist即可打包生成最后的文件。完成后将根目录下lib文件夹替换自己项目中/node_module/element-ui/lib即可。

②修改完发布npm:优点是npm install不会覆盖修改的内容;缺点是官网更新,需同步更新

1.进入要发布的项目根目录,初始化为npm包:
npm init
// 依次按提示填入包名、版本、描述、github地址、关键字、license等

2.注册npm用户
①npm官网注册
②使用npm 命令注册:npm adduser

3.账号登录
npm login

4.发布包,上传到npm包服务器
npm publish

5.’+’符合表示发布成功了

一:补充更新npm包的方式:
①修改包的版本
npm version patch 该命令在原来的版本上自动加1,实际上是将package.json文件中的version值修改了。
②重新发布包
npm publish
二:补充删除npm包的方式:
①删除指定的版本
npm unpublish 包名@版本号
②删除整个包
npm unpublish 包名 --force

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容