angular - 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。

标签： angularimageangular8

Answer 1

我找到了解决方案。您必须编辑 angular.json 文件并在 assets 中添加相应的配置。就我而言，我们必须添加以下内容：

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

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