Less 较少@import未按预期工作

我有一个问题，我不能完全理解为什么尽管尝试了许多较少的@import选项，但较少的@import选项没有按预期工作。这是有问题的文件

（app.less）

：

最初，当我在

主题.Less

中输入有效的Less代码时，Less编译器会执行以下几项操作：

1） 它生成

主题.css

。 2） 它生成

app.less

，其中包含

theme.CSS

中的CSS

这太棒了。但是，如果我在

theme.less

中进行后续更改，less编译器将使用修改后的更改重新生成

theme.css

，但是

theme.css

中的更改不会合并到

app.css

中

我希望发生的是，每当我对引用的

主题.less

进行更改时，其

主题.css

将包含在

app.css

中

---

我在SASS/SCSS中做了这类事情，并且它按照预期工作。我只是从昨天开始用更少的钱，并假设同样的事情可以实现。任何指针都将不胜感激。

这听起来像是编译器的问题。我从你的标签中假设你正在使用，因为你所描述的听起来像是预期的行为

---

你是如何编译你的less的？

你好，Jon，我正在使用我的UIKit CSS安装的node_modules文件夹中的less的“官方”版本。我认为这是在按照UIKit安装说明运行“npm安装”后加载的。编译是由“GulpWatch-t hsa”触发的，它正在监视我的UIKit主题的变化。我对UIKit不太熟悉，所以我只是感觉一下而已。这听起来更像是UIKit监视文件更改并将文件连接在一起的一个bug。重读你原来的问题，有一部分不太有意义，那就是（2）。它生成

app.less

或

app.css

？编写自己的

gulpfile.js

，只需编译less以确定问题是否确实存在于UIKit中，这可能是值得的。我已经创建了一个简短的感谢，Jon，感谢您花时间创建示例文件。这真的很有帮助。是的，2）是我的打字错误-应该是

app.css

。

@import "theme";
.nav-wrapper--background-white {
    background-color: #ffffff;
}