CSS Import Assertions

[e111077]

CSS imports are soon to become a thing! it's already in Chrome!

Stage 3: https://github.com/tc39/proposal-import-assertions
web.dev explainer: https://web.dev/css-module-scripts/

// styles.css
div {
  color: red;
}

// index.js
import styles from './styles.css' assert { type: "css" };
document.adoptedStyleSheets = [styles];
const success = getComputedStyle(document.querySelector('div')).color === 'rgb(255, 0, 0)'

// index.html
<script type="module" src="./index.js"></script>
<div>YOLO</div>

[Schweinepriester]

While I'm hyped as well, I believe your issue is a duplicate of #5944 - or is there a distinction?

If it is the same, I invite you to reply with your good content there, as the links aren't there yet and the example would make for a nice test on https://tests.caniuse.com/ :)

[e111077]

It totally is! Nice catch. Couldn't find it because I kept searching for "assertions"