我在我的网站上使用 Less。假设代码如下所示。
<html>
<head>
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script>
</head>
<body>
...
</body>
</html>
当我更新 styles.less 文件并刷新页面时，Less.js 将编译 less 文件并应用于页面。但我只是想知道编译后的CSS文件存储在哪里？ less.js 是否调用 lessc 来编译 less 文件？
最佳答案
在您提供的设置(HTML 页面)中，您让客户端负责解释 Less 文件。
确切地说，浏览器加载您链接到的 JavaScript 库，然后此 JavaScript 解释 styles.less 文件。
实际的CSS文件并不存储在服务器上，因为它都是浏览器端的工作，我怀疑浏览器将其存储在RAM之外的其他地方。
<小时/>但这听起来并不是一个好方法。我们，拥有高端服务器的慷慨网站所有者，喜欢尽可能地减轻客户端的计算负担。我们不想不必要地因为电池电量不足而让 iPhone 用户感到不安。
或者，您可以在完成编辑后对样式文件运行 lessc styles.less > styles.css。然后直接在HTML中使用styles.css，同时删除HTML中的less.js。
您可能想问的问题:我如何自动编译为 css？
有几种解决方案:
- 在发生更改时自动编译较少的文件，使用某些软件来监视文件或目录。
- 您使用的编辑器可能具有减少编译功能，或者作为扩展添加。
- 您可能需要考虑使用 Web 框架进行 strat。对于仅仅编译较少的内容来说，这是一种过分的杀伤力，但如果您从 Web 框架获得其他优势或已经在使用它 - 这是一个不错的选择。安example将 Less 中间件与 Express 框架结合使用。
关于css - Less 文件编译后的 CSS 存储在哪里？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24607857/