Node script to load a CSS file as if it is a JS file. Workaround for Angular 13 extractCss deprecation.

wrap-css.js

#!/usr/bin/env node
process.stdout.write(
  `const styleElement = document.createElement('style');styleElement.appendChild(document.createTextNode(\``,
  () => process.stdin.pipe(process.stdout, { end: false })
);
process.stdin.on('end', () =>
  process.stdout.write(
    `\`));document.getElementsByTagName('head')[0].appendChild(styleElement);\n`,
    () => process.stdout.end()
  )
);

To use, call it like this:

$ cat styles.css | node wrap-css.js > styles.js

Keep in mind that you must trust your styles.css file! Otherwise you open yourself up to malicious javascript injection. This script was written specifically to repackage the styles.css file created by the Angular compiler.