Angular 8. 从懒加载模块文件夹中加载图片

Question

我正在尝试从 Angular 8 中的惰性模块文件夹加载图像。 以前这是在 Angular 6 中完成的，并且工作正常。 现在，我已将应用程序更新为 Angular 8，但无法加载图像。 项目结构如下：

app/
    modules/
        module_1/
            assets/
                images/
                    image_module_1.png
            module_1.component.ts
            module_1.module.ts
        module_2/
            assets/
                images/
                    image_module_2.png
            module_2.component.ts
            module_2.module.ts
    app.module.ts

我想从该模块 (module_1.component.ts) 的组件加载 image_module_1.png。

Answer 1

我找到了解决办法。您必须编辑 angular.json 文件并在 assets.xml 中添加相应的配置。就我而言，我们必须添加：

{ "glob": "**/assets/**", "input": "src/", "output": "/assets/" }

它将包含来自路径 src/ 的资产文件夹中的所有文件，并在构建时将它们添加到路径 /assets/ 中。