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 中添加相应的配置。就我而言，我们必须添加以下内容：

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

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