减@import不按预期工作

我有一个问题，我不明白为什么Less @import选项无法按预期工作，尽管尝试了许多Less @import选项。这是有问题(app.less)文件：减@import不按预期工作

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

最初，当我在theme.less输入有效的代码越少，越少编译器的几件事情：

1）产生theme.css。 2）它生成app.less，其中包括来自theme.css的CSS。

这太好了。但是，如果我在theme.less中进行了后续更改，Less编译器会重新生成theme.css以及修改后的更改，但theme.css中的更改未合并到app.css中。

我希望会发生的是，只要我在引用的theme.less中进行更改，其theme.css将包含在app.css中。

我在SASS/SCSS中做这种事情，它按预期工作。我只是从昨天开始减少并假设可以实现同样的目标。任何指针将不胜感激。

来源

2016-03-04 GazleyGeester

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

你是怎么编写的？

来源

2016-03-08 09:01:20

你好Jon，我正在使用我认为是我的UIKit CSS安装的node_modules文件夹中的Less的“官方”版本。根据UIKit安装说明，我认为这是在运行“npm install”之后加载的。编译是由“gulp watch -t hsa”触发的，它监视我的UIKit主题中的变化。我是UIKit的新手，而不是那么只是感觉我的方式。 – GazleyGeester

这听起来更像是UIKit监视文件更改并将文件连接在一起的方式中的一个错误。重新阅读你原来的问题，一个没有多大意义的部分是（2）。它生成'app.less'或'app.css'？编写你自己的'gulpfile.js'是一个值得编写的单一任务，以确定问题是否确实存在于UIKit中。我已经创建了一个快速的例子（https://gist.github.com/roobottom/7871827d6ef24d1c3e08） –

谢谢Jon，抽出时间来创建示例文件。这真的很有帮助。是的，2）是我的错字 - 它应该说'app.css'。 – GazleyGeester

减@import不按预期工作

回答

相关问题