将两个 .less 文件合并为一个 css 文件
使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以使用
import
,类似于在常规 CSS 文件中的操作。摘自这篇文章。 Less Documentation 的“导入”部分也提到了它。
You can use
import
, similar to how you can in a regular CSS file.Taken from this SO post. It's also mentioned in the "Importing" section of the Less Documentation.
简单的解决方案:
创建一个main.less文件并打开它(根据您的喜好命名)
通过
@import
导入其他 css 和 less 文件@import "filename.less";
对于较少的文件@import "filename.css";
用于 CSS 文件。编译你的 main.less 文件并在你的网站中包含这个 main.css
Smile :)
Simple solution:
Create a main.less file and open it (name it as you like)
Import your other css and less files via
@import
@import "filename.less";
for less files@import "filename.css";
for css files.Compile your main.less file and just include this main.css in your site
Smile :)