如何在更改 less 后重新编译 css

Question

我在线下载了一个 HTML/CSS 模板，它在 Bootstrap 之上有自己的 CSS 文件 运行。还有一些包含 mixin 和变量的 less 文件。更改 less 变量后，我需要做什么才能让我的 CSS 自动更改？

非常感谢链接到教程等。

Answer 1

这里有关于简单方法的很好说明： http://lesscss.org/#using-less

Answer 2

您可以使用监视模式，或类似 gulp 或 g运行t 的模式（参见链接）。他们是任务 运行 人员，可以根据不同的更改查看您的文件树和 运行 任务。两者都很流行，但它们各自有不同的 philosophy/paradigm：g运行t 更注重代码配置，而 gulp 更注重代码配置。它只是 运行 的通用节点模块，并充分利用在 Node 中实现的流来实现并发和更可组合的任务。

编译 Less:

lessc [option option=parameter ...] <source> [destination]

有用的链接：

• http://gulpjs.com/
  • https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md
• http://gruntjs.com/
  • http://gruntjs.com/getting-started
• http://lesscss.org/usage/#using-less-in-the-browser-watch-mode
• http://lesscss.org/#using-less（一般用法较少）