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

标签 css visual-studio less config

我已经看到我可以从 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"

当然应该是个变量。

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

最佳答案

如果您的配置变量是一个 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";

关于css - LESS - 从 URL 导入另一个文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43234704/

相关文章:

c# - Visual Studio 无法识别新添加的类

twitter-bootstrap - 如何从 bootswatch .less 文件开始重新编译 .css 文件?

css - 在 Less 中将 px 转换为 em

css - 更少的 CSS 性能和实现

html - 按钮标签无法更改 Iphone safari 浏览器上的字体颜色

jquery - 如何使每行中除第一列以外的列左对齐?

c++ - 我如何使用 GetAdaptersAddresses() 发送 ip 地址

asp.net - 使用 IIS 而不是 IIS Express 会加快本地运行的 VS2013 WebAP 应用程序的启动时间吗?

html - 将标题、段落和图像放在一起

html - 使用 Firefox 查看网页时出现奇怪的中断