动态引用HTML中的静态资源

Question

要引用css文件style.css，我们将其写为

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

与

相同的图像方式

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

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

等资产

<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");