記錄下 ng-zorro-tree到涂，發(fā)布到npm庫的過程蒿赢。
在components 中增加index.ts
將所有的組件導出
export { xxxx } from 'xxxx.xxx'
安裝依賴
npm install angular-library-builder --save-dev
修改package.json
{
"name": "xxxx", //
"version": "1.0.1",
"license": "MIT",
"scripts": {
"build:library": "rm -rf lib-dist/ && nglb --rootDir src/components --outDir lib-dist",
"npm:publish":"npm publish"
},
"main": "./lib-dist/index.js", // 與build:library 中的outDir 對應(yīng)
"types": "./lib-dist/index.d.ts", // 與build:library 中的outDir 對應(yīng)
"dependencies": {
// 這邊增加依賴庫奢方，
},
"peerDependencies": {
"@angular/common": "^5.0.0",
"@angular/core": "^5.0.0"
},
}
build:library中
--rootDir ： 需要編譯發(fā)布的組件文件夾
--outDir lib-dist ： 編譯的路徑
增加 .npmignore 文件
# folders to ignore
/src
/node_modules
/test
/.nyc_output
/coverage
/e2e
/.idea
# ignore typescript files
*.component.ts
*.service.ts
*.module.ts
index.ts
# ignore tsconfig.json and tslint other
tsconfig.json
tslint.json
protractor.conf.js
karma.conf.js
.gitignore
.editorconfig
.angular-cli.json
運行命令
// 編譯
npm run build:library
// 發(fā)布
npm run npm:publish
