如何测试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?... 文件。享受编译后的源代码。