css - 如何测试 LESS 文件是否正在编译？

Question

在我的 Meteor 应用程序中，我试图包含一些 LESS 文件，但是当我尝试更改其中的一个属性时，它在浏览器上没有通过...无论如何要测试 LESS 文件是否真的是通过/编译？

Answer 1

这是一个完整的工作示例，说明如何使用 less 并查看编译后的源代码。

> meteor create test
> cd test
> mkdir -p client/css
> touch client/css/site.less
> meteor add less
> meteor

使用以下内容编辑 client/css/site.less:

@color: #4D926F;

h1 {
  color: @color;
}

导航到 http://localhost:3000/。享受彩色的 h1。

如果您使用的是 chrome，请打开开发人员工具，打开源选项卡，选择 client/css/site.less.css?... 文件。享受编译后的源代码。