在Less中，你可以使用@import指令来导入其他文件。这使得组织和管理样式表更加方便，因为你可以将样式分散到多个文件中，然后将它们组合起来。使用@import时，你只需要指定要导入文件的路径即可。Less会处理这些导入，将所有样式合并为一个CSS文件。
下面是一些使用@import的例子：
导入.less文件
如果你想要导入一个名为variables.less的文件，只需在你的主Less文件中添加以下代码：
@import "variables.less";
这会将variables.less文件的内容导入到当前文件中。需要注意的是，如果两个文件位于同一目录下，你只需要提供文件名，不需要写出完整的路径。
导入CSS文件
虽然Less主要用于导入其他Less文件，但你也可以使用它来导入普通的CSS文件。当你导入一个CSS文件时，Less会默认不处理该文件，直接使用CSS的@import规则将其保留在输出的CSS中。如果你希望Less处理该CSS文件（例如，变量或混入等），你需要显式指定（less）选项：
@import (less) "styles.css";
这将把styles.css作为Less文件处理，并将其内容包含到编译后的CSS中。
文件路径
在使用@import时，你可以提供相对路径或绝对路径。例如，如果你的Less文件位于不同的目录中，你可能需要这样做：
@import "../mixins/mixins.less";
这将从当前文件的父目录中的mixins目录导入mixins.less文件。
注意事项
- 当你使用
@import导入文件时，Less会将所有导入内容合并并编译为一个CSS文件，这有助于减少HTTP请求的数量，提高网页加载速度。 - 确保在导入文件时考虑到文件之间的依赖关系和顺序。例如，如果一个文件使用了另一个文件中定义的变量，那么定义变量的文件应该先被导入。
通过合理利用@import功能，你可以更好地组织和管理你的Less代码，使其更加模块化和易于维护。
