11、Less 中的继承、覆盖、嵌套及项目迁移指南

Less 中的继承、覆盖、嵌套及项目迁移指南

1. Less 中导入样式表

在 Less 里导入样式表是个简单却实用的技巧，特别是在管理大型样式表时。我们可以构建一个代码库，然后将其直接导入到未来的任何项目中。这样做能更轻松地管理小文件，因为我们可以创建一个主文件，将每个子文件导入其中，Less 只会编译主代码中直接引用的样式。例如，如果代码库文件超过 2500 行，但只使用了一个 10 行的混合宏，那么 Less 只会在最终编译结果中包含这 10 行。

使用导入选项非常简单，只需在 Less 代码中添加以下语句：

@import (XXXXXXX) "foo.less";

这里的 XXXXXXX 可以是以下选项之一：
| 选项 | 说明 |
| — | — |
| reference | 使用 Less 文件，但除非在代码中引用，否则不输出。 |
| inline | 将源文件包含在输出中，但不进行处理，适用于导入不兼容 Less 但仍需包含在编译后的 CSS 文件中的文件。 |
| less | 无论文件扩展名如何，都将文件视为 Less 文件。如果需要所有 Less 文件都具有 .css 扩展名，但又要将它们视为 Less 文件而非普通 CSS，此选项很理想。 |
| css | 无论文件扩展名如何，都将文件视为 CSS 文件。 |
| once | 只包含文件一次（这是默认行为），后续对该文件的导入请求将被忽略。 |
| multiple