将两个.less文件合并成一个css文件

Question

当使用lesscss时，我想将两个或三个.less文件合并成一个超级的css文件。

我知道可以使用一些小小的ruby魔法来实现，但我想知道是否在less引擎中有更简单的方法？

- Dejan

Answer 1

您可以使用import，类似于在常规CSS文件中的使用方法。

@import "reset";
@import "config";
@import "header";
@import "forms";

本文摘自Stack Overflow，并在Less 文档的 "导入" 部分中提到。

- Dan Herbert

---

引用 SO 帖子加1。在使用 @import 时，它绝对值得一看。 - Gerrit-K

如果这是从那篇帖子中提取的，那么这个问题不就是重复的吗？ - treyBake

Answer 2

简单的解决方案：

1. 创建一个main.less文件并打开它（可以自己命名）

2. 通过@import导入其他的CSS和Less文件

   • 对于Less文件，使用@import "filename.less";

   • 对于CSS文件，使用@import "filename.css";

3. 编译你的main.less文件，然后在你的网站中包含这个main.css文件

4. 微笑 :)

- Bijan

---

生成的 CSS 文件中，每个 CSS 文件都有导入语句。CSS 没有被合并，文件仍然保持分离状态。 - Mick

@Mick 如果你使用像 lessc 这样的工具（lessc main.less main.css），它将只生成一个文件。 - ellockie