一个vue组件库发布到npm的完整实现过程

目录

• 新建项目
• 创建组件库
• 打包部署
• 使用
• 总结

新建项目

初始化一个vue项目

src下面创建一个plugins文件夹，index.js文件，这个文件是组件的出口文件。

npm install @/vue-cli -g
npm create vue-components
cd vue-components
npm run serve

创建组件库

src下新建一个plugins文件夹

然后创建toast组件toast/index.vue

这里为了能够展示模版，div标签后面的>去掉了。