首先我们构建组件库，由于ng9之后默认使用ivy引擎。官方并不建议把 Ivy 格式的库发布到 NPM 仓库。因此在发布到 NPM 之前，我们使用 --prod 标志构建它，此标志会使用老的编译器和运行时，也就是视图引擎（View Engine），以代替 Ivy。
ng build my-lib --prod
构建成功后，就可以着手发布组件库了，这里以发布到npm官方仓库为例
如果还没有npm账号，请到官网网站注册一个账号，选用public类型的免费账号就可以
已有账号，先确认配置的registry是否指向npm官方registry https://registry.npmjs.org/
在终端中执行npm login登录已注册的用户
准备工作都完成后，进入构建目录，这里是publish目录，然后执行 npm publish --access public就可以发布了，注意我们的库名需要是在npm上没有被占用的，名字的修改在my-lib目录下的package.json中修改。
npm发布参考： https://docs.npmjs.com/packages-and-modules/contributing-packages-to-the-registry
如果是内部私有库，按照私有库的要求配置registry就可以了，发布命令都是一样的。
以上就是如何用DevUI搭建自己的Angular组件库的详细内容，更多关于DevUI搭建自己的Angular组件库的资料请关注脚本之家其它相关文章！
您可能感兴趣的文章: