css - LESS - 从 URL 导入另一个文件

Question

我已经看到我可以从 URL 导入另一个 less 文件，使用@import 命令(例如 @import (reference) "https://s3-us2.amazonaws.com/s.cdpn.io/18728/pure.less")

但是 - 我希望它是可配置的。我正在使用 Visual Studio，我有一个包含我的 less 文件的父解决方案，我想在他的子解决方案中使用这个文件，但我不能用相对路径来做(编译将失败，因为子解决方案中不存在该文件)，所以看起来我唯一的方法是通过导入网址。

我通过 URL 导入的问题是根据环境(dev/qa/prod 等)更改 URL。我希望它在环境的某个地方进行配置，这样 LESS 文件就会“知道”获得正确的值。

最终，我希望它是这样的: @import (reference) "https://web.<environment>.com/pure.less"

当然应该是个变量。

我希望你能理解我的问题。

Answer 1

如果您的配置变量是一个 LESS 变量，可以在调用 import 语句时访问，您可以简单地使用 variable interpolation in the import statement :

@import "settings"; // this is where @environment: "dev"; is set
@import (reference) "https://web.@{environment}.com/pure.less";