ng-packagr
ngx-unused-css
ng-packagr | ngx-unused-css | |
---|---|---|
6 | 2 | |
1,837 | 79 | |
0.0% | - | |
9.3 | 0.0 | |
7 days ago | over 1 year 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.
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:
ngx-unused-css
-
Is there a way to check which CSS I am not using?
Hadn't seen a clean answer to this so far but this looks promising if it actually works as advertised: https://github.com/ivanblazevic/ngx-unused-css
-
Reduce Angular style size (using PurgeCSS to remove unused styles)
There is an npm package called ngx-unused-css that, when installed and run on your project, will scan your files and provide a list of all styles it deems are not used.
What are some alternatives?
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.
purifycss - Remove unused CSS. Also works with single-page apps.
angular-cli - CLI tool for Angular
Blaze UI - Atoms for Blaze UI
tsup - The simplest and fastest way to bundle your TypeScript libraries.
dropcss - An exceptionally fast, thorough and tiny unused-CSS cleaner
ng-builders - Custom Angular CLI builders
spectator - 🦊 🚀 A Powerful Tool to Simplify Your Angular Tests
ngx-nrwl-airlines-workspace - Nrwl Airlines workspace using Angular CLI
purgecss - Remove unused CSS
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.
blaze - Atoms for Blaze UI [Moved to: https://github.com/BlazeSoftware/atoms]