前言:
根据业务需求要纯前端做一个中国的省市联动下拉,还要额外加上几个外国的大洲,那么自己找了个npm包是只有中国的省市,额外加上外国几大洲的话自己要修改别人的npm包再发布。
一、拥有中国省市联动的插件包
npm包名:element-china-area-data
https://www.npmjs.com/package/element-china-area-data
GitHub地址:https://github.com/Plortinus/element-china-area-data
二、把github上面的代码clone到自己本地进行修改开发
git clone https://github.com/Plortinus/element-china-area-data
看懂别人的插件源码,然后修改了相应的地方之后测试,最后进行打包。
1、修改代码:
2、打包:
npm run build
三、修改package.json里面的名称、描述、作者、版本号
四、npm login
输入用户名,密码,邮箱
如果你没有还没有注册npm账号的话请先注册。
1、进入网址: https://www.npmjs.com 注册一个npm账号
2、激活邮箱,一般你还没激活会有提示
3、如果登录有报错有可能是源出错,因为国内用的是npm的淘宝镜像,登陆需要切换到npm的官方源,命令是
npm config set registry https://registry.npmjs.org
五、运行 npm publish
上传自己的代码到npm
(如果有报错就自行把报错代码贴到百度查找原因)
1、打开npm网站,就能看到自己的包了;或者直接在npm网站搜自己刚才自己修改package.json里面的名称,收到就所以发布成功了。
2、回到自己公司开发的项目,npm install 包名
安装自己发布的npm包
3、在组件引用处修改import的npm包名
参考:
https://blog.csdn.net/qingzhizhenhun/article/details/87457317