如何实现CSS模块导入，就像导入JavaScript模块一样？

本文共计1183个文字，预计阅读时间需要5分钟。

目录前言什么是可构建样式表？使用 CSS Module 导入断言（assert）是什么？样式表的动态导入@import 的规则尚不支持总结前言刚刚发布的 Chrome 93 版本中更新了一项令人兴奋的新功能。

目录什么是可构建样式表？使用 CSS Module 导入断言（assert）是什么？样式表的动态导入@import 的规则尚不支持总结

目录

• 前言
• 什么是可构造样式表？
• 使用 CSS Module Script
• 导入断言（assert）是什么？
• 样式表的动态导入
• @import 的规则尚未支持
• 总结

前言

刚刚发布的 Chrome 93 版本中更新了一项令人兴奋的新特性：CSS Module Script，使用它你可以像导入一个 JavaScript 模块一样加载 CSS 样式。

然后，你可以将 CSS 样式与可构造样式表(Constructable Stylesheet) 相同的方式作用于 document 和 shadow dom，这比其他加载 CSS 的方式更方便、更高效。