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

Question

需要在

<head>

部分包含哪些文件才能减少 CSS。在 less 官方网站上，我刚刚看到他们告诉要包含 .less 和 .js 文件。但如果没有 .css 文件，它就无法工作。

Answer 1

链接您的 .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 文件，并将其包含在您的

<head>

部分中，无需任何 less 文件或 js 文件。

Answer 2

@import "styles.less";

或

@import "styles";

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

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

Answer 3

这个帮助了我...

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

我试图只使用这个

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

Answer 4

添加亨利的答案，
要加载本地资源，需要服务器。 Nodejs http-server 是更好的选择之一。