在动态添加资产时提供资产答案

【问题标题】：Serve assets as they are dynamically added在动态添加资产时提供资产
【发布时间】：2017-11-08 01:23:45
【问题描述】：

我正在编写一个沿 NodeJs 应用程序运行的 Angular 应用程序。 NodeJs 应用程序在 Angular 应用程序文件夹中监视一个名为 gallery 的文件夹。这个想法是，当图像被添加到画廊文件夹时，它应该被添加到作为 Angular 应用程序的一部分运行的图像幻灯片中。

因为应用程序是在内存中提供的，所以当图像添加到幻灯片时，它会出现 404 秒。我必须杀死 ng serve 并重新启动它才能加载图像。我希望看到图像实际加载到幻灯片中，而无需终止 ng serve 并重新启动它。

有解决办法吗？

gallery 文件夹是 cli 配置中 assets 文件夹的一部分，它确实会被复制过来。只有在 ng serve 运行时将文件添加到此文件夹时，图像才会加载失败。

谢谢！

【问题讨论】：

您需要创建一个 API 服务来返回资产文件夹的内容
我在 Node 中有一个快速路由，它将文件夹的内容返回给 Angular 应用程序。
抱歉，我没有考虑清楚。
这不是资产文件夹的意图。这些资产仅是在构建时更新的静态资产（ng build 或 ng serve）。我会将图像上传到 Angular 之外的其他目录，然后在您的 Angular 应用程序中从那里获取它们。
我最终做了@LLai 推荐的事情。谢谢！

【解决方案1】：

打开 angular-cli.json 并编辑您应用的 assets 属性。

 "assets": [
    "assets",
    "favicon.ico",
    { "glob": "**/*", "input": "./assets/gallery", "output": "./assets/gallery" }
  ],

Webpack 仍然需要重新编译这些资产，但至少您不必启动和停止应用程序。

【讨论】：