Create and publish Angular libs like a Pro

on YouTube ↗30m

" summary

Shows how to package an Angular lib that produces ESM2015, FESM2015, ESM5 and UMD bundles plus .d.ts files, using the Angular Package Format and tools like ngc and rollup for compilation and bundling, then automates semantic versioning and publish to NPM with semantic-release (CI via Travis), with a demo release published as 0.1.0. Includes alternatives: Yeoman generator and ng-packagr to skip manual steps.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 1:22Quality.
3. 3:28Statically analyzable Tree shakeable Dead code elimination
4. 4:31Set of guidelines & well tested best practices
5. 4:54support tools bundle size build time
6. 5:39In Practice
7. 6:06Create a dedicated Library Project
8. 7:30Preparation: INLINE ASSETS
9. 13:40FESM (Flat ECMAScript Modules)
10. 13:52COMPILING TO FESM2015
11. 16:28COMPILING TO FESM5
12. 21:00AUTOMATE (VERSIONING & DEPLOYMENT)
13. 27:00Smallest set of logically connected code

" related talks

• 28mCreate & Publish Angular Libs like a PROJuri Strumpflohner · ngVikings 2018
• 24mPackages for AngularManfred Steyer · Ng-Poland 2017
• 16mLet's plant our Angular TreeJuan Herrera · ngVikings 2018
• 26mAngular Libraries: from zero to Open SourceWilliam Grasel · NG Bolivia 2019
• 28mPackaging AngularJason Aden · ng-conf 2017
• 22mConfiguring Angular Libraries with MonoreposNishu Goel · EnterpriseNG 2020
• 20mHow I love being ejected: Customizing your Angular build with BazelGreg Magolan · NGConf 2018
• 01h 55mDiY Angular CompilerUri Shaked · ng-conf 2017