在<head>部分包含较少的CSS文件

Question

31

在less css的<head>部分需要包含哪些文件？在less官方网站上，他们只说要包含.less和.js文件。但是没有.css文件就无法正常工作。

- Moue Mita

4

JS文件将你的Less转换为CSS并将其插入到DOM中。你确定已按正确的顺序添加它们了吗？ - Sirko

你的<head>标签中的include行是什么？ - Deepak Biswal

3个回答

1

@import "styles.less";

或者

@import "styles";

这是来自您的CSS文件... 您只需要像这样包含它：

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

- user2663434

0

这个帮了我一个忙...

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

我试图仅使用这个

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

- gjqeriqi

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Henri Hietala · Accepted Answer

将 .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 文件作为常规 css 文件运行，因此不需要额外的文件。

尽管如此，在生产环境中这不是一个好的实践。你应该将 less 文件编译成 css 文件，并将其作为没有任何 less 或 js 文件的形式包含在 <head> 部分中。