如何在进行生产构建时使用带有 WebPack 的 AngularCLI 复制选定的文件

Question

我使用 Angular CLI 和 WebPack 的 Angular2 应用程序的生产版本需要将一些文件复制到 dist 文件夹，以便我可以将应用程序部署到我们的生产 (IIS) 服务器。具体来说，我需要将 web.config 和 favicon.ico 文件从 src 文件夹复制到 dist 文件夹。 web.config 文件是必需的，因此我可以为 html5 路由应用 URL 重写规则。

我假设我们需要将这些静态文件添加到 angular-cli.json 文件，但不确定在哪里列出这些文件以便将它们包含在生产版本中。

提前致谢。

Answer 1

目前（angular-cli v1.0.0-beta.26），如果你想将文件和文件夹复制到构建中，你可以在 assets 属性中列出它们 ./angular-cli.json配置文件。

"assets": [
  "web.config",
  "favicon.ico",
  "some_file",
  "some_folder",
  ...
]

gist.

中的配置示例

将 web.config 和 favicon.ico 文件放入项目的 ./src/ 文件夹中。您应该能够从 urls /web.config 和 /favicon.ico.

为他们提供服务

如果您包含文件夹，它们需要成为 url 的一部分，即 /some_folder/some_subfolder/another_file.txt。

Angular-CLI README

如何在进行生产构建时使用带有 WebPack 的 AngularCLI 复制选定的文件

How to copy selected files with AngularCLI with WebPack when doing production build

angular-cli

angular