indepth-theming-material-components
ng-packagr
| indepth-theming-material-components | ng-packagr | |
|---|---|---|
| 1 | 6 | |
| 32 | 1,837 | |
| - | 0.0% | |
| 0.0 | 9.3 | |
| over 2 years ago | 5 days ago | |
| TypeScript | TypeScript | |
| - | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
indepth-theming-material-components
-
Angular Material Theming System: Complete Guide
For this example, we are going to take code from my series of “Custom Theme for Angular Material Components Series”. The code is available at indepth-theming-material-components.
ng-packagr
-
Adding scss assets to Angular library
Let’s add this folder, and all files in it, to the ng-package.json file of the library. You can find more information here about why we should declare this assets property.
- Are Secondary Entry Points for Libraries still a Good Idea?
-
How to split an Angular app into micro-frontend apps
Additionally, to create a new library for each piece you want to share, you could use the Secondary entrypoints feature of ng-packagr to group common things together, like components or services, and group them together by a more specific feature. But consider this will requires additional updates to the configuration.
-
Overview over Angular’s repositories
ng-packagr repo (link)
-
How to update a NodeJS TypeScript library for ESM-compliance?
Specifically for Angular, we have the Angular Package Format, which is produced by the CLI or by the standalone ng-packagr tool.
-
Relative import from lib's secondary entry point ❌ Error TS5055: Cannot write file X.d.ts because it would overwrite input file
ng-packgr will build the entry points in the following order:
What are some alternatives?
angular-material-theming-system-complete-guide - In this article, you will learn what Angular Material Theming is and what are some recent changes to adhere to the new module system of SASS.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
nixng - Yet another angular skeleton. 🎉 But, with all the things you need for your next enterprise level application. Minimum dependency, maximum productivity.
angular-cli - CLI tool for Angular
tsup - The simplest and fastest way to bundle your TypeScript libraries.
ng-builders - Custom Angular CLI builders
ngx-nrwl-airlines-workspace - Nrwl Airlines workspace using Angular CLI
ngx-unused-css - Angular unused css detection
web-app - Mifos X Web App is the revamped version of the Mifos X Community App built on top of the Fineract Platform leveraging the popular Angular framework.
angular-to-do-list-with-drag-drop - 📝 Angular to do list app with drag and drop.
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
ng-event-plugins - This is an Angular library for optimizing performance sensitive events and declarative preventDefault, stopPropagation and capture phase listeners.