河源北京网站建设,百度不收录网站,html官方网站项目,网站建设困难背景
继《翻转组件库之打包》_杨晓风-linda的博客-CSDN博客之后#xff0c;组件库已经可以正常构建#xff0c;那如何像elementUI等组件库那样#xff0c;用npm安装#xff0c;按照既定的用法使用即可呢#xff1f;本篇便为你揭晓
资料相关
1、npm官方文档#xff1a;…背景
继《翻转组件库之打包》_杨晓风-linda的博客-CSDN博客之后组件库已经可以正常构建那如何像elementUI等组件库那样用npm安装按照既定的用法使用即可呢本篇便为你揭晓
资料相关
1、npm官方文档npm 中文文档 | npm 中文网
2、npm访问地址npm
流程相关
1、package.json - 自定义设置
删除私有属性本组件库属于第三方组件库
private: true npm包的发布依赖package.json,对此文件进行自定义设置 指定库的入口文件
main: dist/index.umd.js
指定关键词方便搜索 keywords: [vue,ui]
指定发布的文件目录和内容没有必要所有的内容都发布 files: [dist,components // 方便用户查看源码此文件夹内容可不发布]
2、登录npm
npm login 若没有npm账号需先注册输入用户名和密码即可
3、发布组件库
npm publish
4、测试组件库
// 安装组件库
npm i component-lib-vue// 按需引入
import component-lib-vue/dist/css/card.css
import { Card } from component-lib-vue
Vue.use(Card)
截止为止组件库发布到npm相关的内容结束了敬请期待搭建组件库文档站点...
