-
Using the micro frontend pattern in Angular (11)
This is mainly for my own archival purposes, collecting all of the information I have gathered on MFEs in Angular in one place. If it helps you, great, let me know! I started this post in Angular 11, 12 has since come out and made many of the steps easier since it automatically uses Webpack…
-
Digging into CSS variables at runtime
I’ve had a need to be able to see how multiple CSS variables are computed at runtime. I’m dealing with interactions between SCSS and CSS variables so I needed to know what was happening. There are a few ways to do this in Chrome Dev Tools. One way is in the Styles inspector, you can…
-
Checking to see if an npm package is tree shake-able (is-esm)
Sometimes on a project I need to know if an npm package is tree shake-able. The is-esm utility checks to see if the package contains a distribution with ECMAScript module and outputs. To run it: `npx is-esm PACKAGE_NAME` ex: `npx is-esm @angular/core` Minko Gechev originally posted this method on Twitter. At least that is where…