Image 如何在Angular 2\4中引用延迟加载模块中的图像？

我有一些图像需要在整个应用程序中共享。我有2个延迟加载的模块。登录和概述。我已将该图像存储在src/assets/images/logo.png中，并希望在登录和概述中使用该图像

我目前的项目结构是： （前缀数字为级别，仅供参考）

如何在模块各自的scss文件中的登录和概述中引用src/assets/images/logo.png？如果我尝试将scss中的图像路径（login.component.scss和overview.component.scss）设置为“../../../../assets/images/logo.png”（向上3个目录），它会不断抛出一条消息说找不到图像

错误日志： ./src/modules/login/containers/login.component.scss

---

找不到模块：错误：无法解析“C:\Users\deepak\A2Workspace\ProjectName\src\modules\login\containers”中的“../../../assets/images/logo.png”

假设您使用的是Angular CLI，资产文件夹将复制到另一个位置，您可以使用根目录引用绝对路径：

background: url(/assets/images/logo.png)

---

假设您正在使用Angular CLI，资产文件夹将被复制到另一个位置，您可以使用根目录引用绝对路径：

background: url(/assets/images/logo.png)

---

在head标记后面的index.html文件中写下这个

   <base href="/">

---

我也在使用Webpack，所以在Webpack中，我通过在Webpack配置中提到它来解析路径。这个答案可能会帮助您理解，

您已经在index.html文件的head标记后面写了这个

   <base href="/">

---

我也在使用Webpack，所以在Webpack中，我通过在Webpack配置中提到它来解析路径。这个答案可能会帮助您理解，

是的，我正在使用Angular CLI。我确实试过了。不幸的是，不知道为什么，这种方法适用于svg文件（我可以直接在html中给出类似的内容：

在模块的SCS中。但是，png和JPEG不使用这种方法。我是否需要在angular cli json文件中进行任何配置更改以使其工作？不，您不需要任何配置。）g in.angular_cli.json如果您将base href设置为

/

，使用上面的第二个选项，我可以验证它是否工作。是的，我有base-href。是的，我正在使用angular cli。我尝试过。不幸的是，不确定为什么，这种方法对svg文件很有效（我可以直接在html中给出类似的内容：

在模块的SCS中。但是，png和JPEG不使用这种方法。我是否需要在angular cli json文件中进行任何配置更改以使其工作？不，您不需要任何配置。）g in.angular_cli.json如果您将base href设置为

/

，请使用上面的第二个选项，我可以验证它是否正常工作。是的，我有base href。