html - 更少的 css 文件包含在 <head> 部分

标签 html css less

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

最佳答案

引用 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> 中- 没有任何 less 或 js 文件的部分。

关于html - 更少的 css 文件包含在 <head> 部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18335299/

相关文章:

html - 如何使用 HTML 或 CSS 为 Google Fusion Tables 中的信息窗口设置样式?

php - Jcrop 插件不适用于调整大小功能

html - 使用 CSS 将链接到文本短语的符号放置到文档的边距中

html - Fontastic 未在移动设备上加载

css - less-loader 模块构建因 ~ import 而失败

javascript - 等待来自 Javascript 模态的 "return value"

javascript - 来自 jQuery 数组的输入字段值的平滑过渡/动画

javascript - Styled-Components - 将 Prop /主题传递给关键帧?

css - 如何防止样式表变得一团糟?

angularjs - Yeoman Angular 应用程序,grunt watch .less 文件