封装组件发布至npm,支持unplugin-vue-components插件按需引入,超详细步骤!!
warning:
这篇文章距离上次修改已过278天,其中的内容可能已经有所变动。
首先,确保你已经拥有了npm账号,并且安装了Node.js环境。
- 创建组件库项目:
- 安装依赖:
- 创建rollup配置文件rollup.config.js:
- 创建入口文件index.js:
- 创建组件模板MyButton.vue:
- 创建你的组件库入口文件my-component-library.js:
- 创建一个简单的README.md文件描述你的组件库。
- 配置package.json发布脚本:
- 构建组件库:
- 登录到你的npm账号:
- 发布到npm:
使用unplugin-vue-components插件按需引入组件:
首先安装unplugin-vue-components和unplugin-auto-import:
评论已关闭