29

需要在<head>部分中包含哪些文件以减少 css。在较少的官方网站上,我刚刚看到他们告诉包含 .less 和 .js 文件。但如果没有 .css 文件,它就无法工作。

4

3 回答 3

50

参考 LESS 文档(http://lesscss.org/#client-side-usage):

将 .less 样式表与 rel 设置为“stylesheet/less”链接:

<link rel="stylesheet/less" type="text/css" href="styles.less" />

然后从页面顶部下载less.js,并将其包含在<head>页面的元素中,如下所示:

<script src="less.js" type="text/javascript"></script>

确保在脚本之前包含样式表。

此方法将导致 less-file 充当常规 css 文件,因此不需要其他文件。

不过,这对于生产环境来说并不是一个好的做法。您应该将您的 less-file 编译为 css-file 并将其包含在您的<head>-section 中,而不需要任何 less- 或 js-files。

于 2013-08-20T12:45:41.767 回答
2
@import "styles.less";

或者

@import "styles";

它来自你的 CSS 文件。你只需要像这样包含它

<link rel="stylesheet/less" type="text/css" href="styles.less" />
于 2013-08-20T12:46:02.270 回答
1

这个帮了我...

<script src="less.js" type="text/javascript"></script>

我试图只使用这个

<link rel="stylesheet/less" type="text/css" href="styles.less" />
于 2021-10-13T10:16:32.587 回答