CSS样式复用技巧：@import管理UI组件

现代CSS开发中，@import因同步阻塞加载、无法并行请求、不支持懒加载、构建时丧失按需灵活性以及在

为什么 @import 在现代 CSS 工程里越来越不推荐

因为它的加载是同步阻塞的，浏览器必须等被导入的文件完全下载、解析完，才会继续处理后续样式。哪怕只在末尾写一个 @import url("reset.css");，也会拖慢整个页面的样式构建流程。

• 它无法并行加载：多个 @import 会串行请求，而 可并行
• 它不支持媒体查询条件的懒加载（比如 @import url("print.css") print; 仍会触发初始网络请求）
• Webpack/Vite 等工具默认把 @import 当作静态依赖提前打包，反而失去按需加载灵活性
• 在
  

  密码登录在这里

  微信扫码登录或注册

  

  打开微信扫一扫，快速登录/注册

  登录即同意 用户协议 和 隐私政策

  微信登录更方便

  • 密码登录
  • 注册账号

  

  忘记密码

  登录

  

  注册

  登录即同意 用户协议 和 隐私政策

  返回登录

  • 重置密码

  发送验证码

  重置密码