这里提供两种修改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