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

发布于 2024-09-15 05:51:23 字数 139 浏览 7 评论 0原文

使用 lesscss 时,我想将两个或三个 .less 文件加入到一个 super css 文件中。

我知道你可以使用一些红宝石魔法来做到这一点,但我想知道 less 引擎中是否有一些简单的东西?

When working with lesscss I would like to join two or three .less files into one super css file.

I know that you can do it using some little ruby magic, but I would like to know if there is something simple in the less engine?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

信仰 2024-09-22 05:51:23

您可以使用 import,类似于在常规 CSS 文件中的操作。

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

摘自这篇文章Less Documentation 的“导入”部分也提到了它。

You can use import, similar to how you can in a regular CSS file.

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

Taken from this SO post. It's also mentioned in the "Importing" section of the Less Documentation.

摇划花蜜的午后 2024-09-22 05:51:23

简单的解决方案:

  1. 创建一个ma​​in.less文件并打开它(根据您的喜好命名)

  2. 通过 @import 导入其他 css 和 less 文件

    • @import "filename.less"; 对于较少的文件

    • @import "filename.css"; 用于 CSS 文件。

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

  4. Smile :)

Simple solution:

  1. Create a main.less file and open it (name it as you like)

  2. Import your other css and less files via @import

    • @import "filename.less"; for less files

    • @import "filename.css"; for css files.

  3. Compile your main.less file and just include this main.css in your site

  4. Smile :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文