Less 导入

在 Less 中，导入用于导入 Less 或 CSS 文件的内容。 Less可能会根据文件扩展名以不同的方式处理 @import 语句。

让我们举例说明如何在 Less 文件中使用导入。

创建一个名为 "simple.html" 的 HTML 文件，其中包含以下数据。

HTML 文件：simple.html

接下来，创建一个名为“myfile.less”的外部文件，您要导入它。

Less 文件：myfile.less

现在创建一个名为“simple.less”的 Less 文件，其中包含导入路径。

Less 文件：simple.less

myfile.less 文件将从路径 myfile.less 导入到 simple.less 中

现在，将“simple.html”和“simple.less”两个文件放在 Node.js 的根文件夹中

现在，执行以下代码：lessc simple.less simple.css

这将编译 "simple.less" 文件。 将生成一个名为 "simple.css" 的 CSS 文件。

例如

生成的 CSS "simple.css" 具有以下代码

输出