html - 在 HTML 中动态引用静态资源

Question

要引用一个 css 文件 style.css 我们把它写成

<link rel="stylesheet" type="text/css" href="../abc/xyz/css/style.css">

图像的处理方式与

相同

<img src="../abc/xyz/img/myimage.png" />

对于所有静态 Assets ，路径都是硬编码的。如果目录结构发生变化，则会产生问题。是否可以包含像

这样的 Assets

<link rel="stylesheet" type="text/css" href="{{assetsDirectory}}/css/style.css">
<img src="{{assetsDirectory}}/img/myimage.png" />

在应用程序的某处，我将 config.json 文件中的配置指定为

{
  "assetsDirectory" : "../abc/xyz",
  "anyotherproperty" : "anyotherpropertyvalue"
}

编辑:将以上视为一个元素该元素可以被其他B元素使用，所以我希望配置文件由B元素指定。

Answer 1

可以使用“变量插值”

@base-url: "http://assets.yourdomain.com/abc/xyz";
background-image: url("@{base-url}/image.png");