Html 更少的css文件包含在<；头>；部分

哪些文件需要包含在

部分以减少css。在不太正式的网站上，我刚刚看到他们要求包含.less和.js文件。但是如果没有.css文件，它就不能工作

引用较少的文档（）：

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

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

然后从页面顶部下载less.js，并将其包含在页面的

元素中，如下所示：

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

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

此方法将使较少的文件充当常规css文件，因此不需要其他文件

但是，对于生产环境来说，这不是一个好的做法。您应该将less文件编译为css文件，并按原样将其包含在

-部分中，而不包含任何less或js文件

@import "styles.less";

或

@import "styles";

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

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

JS文件将less转换为CSS，并将其插入DOM。您确定按正确的顺序添加了它们吗？您在

中的包含行是什么！在windows 10上本地运行时，在Chrome中尝试上述操作会导致此错误：

加载失败file:///C:/Users/my_dir/my-theme.less：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https

。