Firefox for Web Developers@firefoxwebdevs@mastodon.social: CSS module scripts landed in Firefox 147, so you can import CSS directly into JavaScript. Docs: Import attributes <a class="link-in-note" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import/with" target="_blank" rel="nofollow noopener">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import/with</a> CSSStyleSheet <a class="link-in-note" href="https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet" target="_blank" rel="nofollow noopener">https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet</a>

Home | Notifications | New Note | Local | Federated | Search | Logout

Note Detail

Firefox for Web Developers@firefoxwebdevs@mastodon.social (2026-01-23 23:28:29)
CSS module scripts landed in Firefox 147, so you can import CSS directly into JavaScript.

Docs:

Import attributes https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import/with 
CSSStyleSheet https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet
---Attachments---
video: https://files.mastodon.social/media_attachments/files/115/944/881/429/553/149/original/7d8c7fc4b8b4eed6.mp4


---Replies---

Jesper@Jespertheend@mastodon.social (2026-01-23 23:58:33)
@firefoxwebdevs I've been using this for well over 4 years! Yes, I wouldn't serve this to my users either. But it's really nice to have a development environment without any build step. We can just import style sheets during development, and then when the time comes to make a production build, our bundler can include the CSS and JavaScript into a single file.

Lou Cyx@loucyx@mastodon.social (2026-01-25 08:30:35)
@jaffathecake I really appreciate the honesty/transparency about this feature! I agree that ideally we should ship it as a single file if we want the "async" behavior, and if not then simply put that style in the HTML. Great video as usual! Keep them coming! 💕