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