一、创建并且运行angular项目
ng new angular-demo-app
cd angular-demo-app
ng serve --o
二、创建angular library
ng generate library angular-demo-lib --prefix=lib
三、在angular.json 文件中找到library(angular-demo-lib)节点,添加如下配置信息
"configurations": {
"production": {
"project": "projects/angular-demo-lib/ng-package.prod.json"
}
}
angular-demo-lib节点的完整代码
四、在library名为angular-demo-lib中创建ng-package.prod.json文件
{
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
"dest": "../../dist/angular-demo-lib",
"lib": {
"entryFile": "src/public_api.ts"
}
}
五、发布
ng build --prod angular-demo-lib
效果.png
六、打包成 .tgz 文件
cd/dist
cd angular-demo-lib
npm pack
image.png
六、将发布和打包命令做成批处理脚本,添加到package.json文件中的scripts节点
"build_lib": "ng build --prod angular-demo-lib",
"npm_pack": "cd dist/angular-demo-lib && npm pack",
"package": "npm run build_lib && npm run npm_pack"
之后只需要在项目根目录使用npm run package
即可发布和打包项目了