css-to-vanilla-extract
ng-packagr
Our great sponsors
css-to-vanilla-extract | ng-packagr | |
---|---|---|
1 | 6 | |
66 | 1,837 | |
- | 0.1% | |
3.1 | 9.3 | |
11 months ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | 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.
css-to-vanilla-extract
-
I've published a tool to generate css to vanilla-extract.
We have created a tool to generate typescript files for vanilla-extract, a Zero-runtime Stylesheets, from css (scss/sass) style definitions. https://github.com/activeguild/css-to-vanilla-extract
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?
rainbow-sprinkles - Dynamic, theme-driven, style props for vanilla-extract.
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.
tablemark - Generate markdown tables from JSON data.
angular-cli - CLI tool for Angular
Blaze UI - Atoms for Blaze UI
tsup - The simplest and fastest way to bundle your TypeScript libraries.
hobo-js - Little library to generate any HTML with JavaScript/TypeScript.
ng-builders - Custom Angular CLI builders
navita - Atomic CSS-in-JS with zero runtime
ngx-nrwl-airlines-workspace - Nrwl Airlines workspace using Angular CLI
vscode-live-sass-compiler - Compile Sass or Scss file to CSS at realtime with live browser reload feature.
ngx-unused-css - Angular unused css detection