LESS @import（css）“file.css”将css放在输出的顶部[重复]答案

【问题标题】：LESS @import (css) "file.css" puts the css at the top of the output [duplicate]LESS @import（css）“file.css”将css放在输出的顶部[重复]
【发布时间】：2015-04-07 10:23:39
【问题描述】：

取如下less文件，命名为style.less：

/*------------------------------------*\
    #IMPORT
\*------------------------------------*/

/**
 * CSS files
 */

@import (css) "../css/bootstrap.css";

查看生成的 style.css，然后我在顶部看到 bootstrap css 文件，然后是 cmets。

我该如何解决？

【问题讨论】：

自规范以来，较少将 CSS 导入移至顶部。它们必须在任何其他规则之前（@charset 除外）。同时，Less 不认为 cmets 与任何特定语句相关联，因此它们的位置/顺序可能不会被保留。我现在能想到的最简单的解决方法是将所有具有您希望保留的格式的非 Less 代码移动到一个单独的文件中，然后使用 @import (inline) 导入它。
感谢@seven-phases-max 我将稍微编辑生成的文件，而不是放入单独的文件中。我认为这是最好的：D

标签： html css less

【解决方案1】：

您可以像常规 @import 一样导入 css 或将 css(bootstrap.css) 内容注入新生成的 css 文件 (style.css) import-css-file-into-less-file

【讨论】：