css - @import 有什么意义?

标签 css

有人可以解释一下使用@import 语法与仅使用标准链接方法包含 css 相比有什么好处吗?

最佳答案

正如回答者所说,它允许您将 CSS 拆分为多个文件,同时仅链接到浏览器中的一个文件。

也就是说,在高流量网站上下载多个 CSS 文件仍然很浪费。我们的构建脚本实际上通过执行以下操作在 Release模式下构建时“编译”我们的 CSS:

  • 缩小所有 CSS 文件(删除多余的空格和注释)
  • 我们有一个“core.css”文件,它只是一个@import 语句的列表;在编译期间,每一个都被该文件的缩小 CSS 替换

因此,我们在生产环境中得到了一个单一的、缩小的 CSS 文件,而在开发模式中,我们有单独的文件来简化调试。

关于css - @import 有什么意义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/162409/

相关文章:

css - 在 JavaFX 8 的 TableView 中更新元素或拖放 TableColumns 时,TableView 中断

css - Webkit 动画和转换

html - Firefox 加载条件注释中引用的所有 css 文件

css - webpack encore构建报错: Module build failed: Unclosed block

javascript - 鼠标移出时动态 jQuery 隐藏 div

css - 垂直对齐包含 div 内的绝对定位的 div

image - 图像上的边界半径..(圆 Angular )

html - 雪花表情符号未在浏览器上正确显示

javascript - 向左滑动带有无限选项的 div

html - 绝对定位的 div 与另一个静态定位的 div 的边距顶部一起移动