vue-risesun-ui
v0.3.3
Published
组件发布npm练习
Readme
Introduction
本仓库用于测试组件发布到 npm
Update
如果有新增组件,步骤如下:
- 在
packages目录下新增组件,并在index.ts中导出组件。可参考Button组件的实现。 - 执行
npm run build打包组件,重新生成dist目录。 - 登录 npm 官网:
npm login. - 切换版本号:
npm version x.x.x. - 发布组件:
npm publish.
Tips
注意:
- 首次发布需要前往 npm 官网确认组件的名称是否唯一,如果名称不唯一,需要前往
package.json文件中修改组件名称。 - 如果执行
pnpm build报错,请先执行yarn add terser -D安装 Terser。
Usage
- 安装组件:
npm install vue-risesun-ui. - 引入组件:
import { ZButton } from 'vue-risesun-ui'. - 使用组件:
<ZButton>按钮</ZButton>. - 如果样式没有生效,需要在
main.ts中引入vue-risesun-ui/css文件。
FIXME
无法全局引入组件,只能按需引入,尚需解决。
More
GitHub 仓库:zeey-ui
