时间:2021-05-25
不废话直接上教程
1.建立项目
ng new projectname2.创建第三方库
项目创建完毕,依赖安装完毕后
# libraryname : 第三方包名字# prefix : 组件前缀(如 nz-zorro 的组件前都是 nz-xxx)cd projectnameng g library libraryname --prefix prefix3.查看项目目录
多出一个projects目录,目录里就是刚才generate的第三方library
可以看到实际和 ng new 出的项目无多大差别,第三包的依赖直接加入package.json中,然后依赖的Module按照常规方法加入到src/app.module.ts即可.
4.愉快的构建自己的模块
图中是模块的导出文件,应该会去自动去扫描的,如果引用时遇到问题直接从public_api.ts导出然后重新打包即可
5.构建第三方包
这一步需要注意的是,打包前修改package.json中的项目信息,起码version信息需要修改
#切到根目录cd 项目根目录路径ng build mylibrary看一眼打出的包
6.发布包
#切到目录cd dist/mylibrary#发布npm publish这里npm publish相关的可以自行百度
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Angular团队在angular6中,使得创建Angular第三方库变得更为简单。如果你以前尝试过操作,你会发现其实不是很简单!那么流程是什么呢?首页我们构建
1.创建项目#PROJECT_NAME:创建的项目名称ngnewPROJECT_NAME2.创建第三方包(我们要构建的NPM包)cdPROJECT_NAME#L
NPM是随同NodeJS一起安装的包管理工具,我们经常使用它来下载第三方包到本地。但在使用NPM过程很多人估计都知道,在国内下载第三方包的速度极其之慢。今天为大
VUE引入第三方js包及调用方法1、首先是第三方js包存放的位置一定要放在static目录下否则引用不到2、网上查找到的引用第三方包的四种方式实测部分第三方js
最近在学习Angular方面的知识,今天学习了Angular中使用第三方的库,分享给大家如果我们想在Angular中使用第三方的库,比如jquery或boots