css - @import 有什么意义？

Question

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

Answer 1

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

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

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

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