element plus 二次开发 发布npm

element plus码云地址：element-plus: 🎉 Vue 3 的桌面端组件库

1.修改并查看

npm run dev执行的是play文件夹的package.json的dev命令。
修改组件后在App.vue中可直接使用看到效果

2.构建

npm run build后产出到dist文件夹中
dist文件夹中element-plus文件夹中的内容即为要发布到npm的内容

3.绝对路径替换

所有绝对路径引用的地方都要替换成自己发布的包名
比如我发布的包叫mcs-element-plus，就需将element-plus改为mcs-element-plus

从npm官网上搜索element-plus拷贝并替换以下三个文件

attributes.json和tags.json为代码提示文件。记得将global.d.ts中路径替换为自己的包名路径。然后就可以发布了。

4.使用

发布后就可npm i 安装了。

使用时记得修改tsconfig.json的声名文件的引入路径，以及vite.confing.json的样式文件引入路径

5.还是建议发布到自己的私库

npm不能同名，所以使用自己的element-plus的时候经常要修改各种路径及配置文件。但从私库安装就能避免很多麻烦。