如何在构建中包含其他文件夹，如资产或静态数据，Angular-CLI 1.0.0-beta.11-webpack.2答案

【问题标题】：how to include additional folders like assets or static data in build, Angular-CLI 1.0.0-beta.11-webpack.2如何在构建中包含其他文件夹，如资产或静态数据，Angular-CLI 1.0.0-beta.11-webpack.2
【发布时间】：2017-01-01 03:37:51
【问题描述】：

我正在使用 Angular-CLI 1.0.0-beta.11-webpack.2。

有一些方法可以在 Angular-CLI 1.0.0-beta.11-webpack.2 构建中使用脚本和样式标签包含 3rd 方库和 css，但如何包含其他文件夹，如图像和数据（其中包括一些静态数据在 json 文件中）在构建中。

我的图像和数据文件夹的位置在 /src/images 和 /src/data 中。

【问题讨论】：

标签： angular angular-cli

【解决方案1】：

我相信他们目前有一个“公共”目录，您可以向其中添加项目。

命令ng build 应该获取该“公共”目录中的所有内容并将其复制到“dist”目录

我现在正在寻找类似的东西，试图将 bootstrap 4 与我的 angular-cli 应用程序集成。

说唱：对于任何偶然发现这一点的人，文件夹/目录现在称为“assets”，并在 assets 键下的 angular-cli.json 中设置。它不再是“公开的”。

【讨论】：

当你弄清楚你是如何将 bootstrap 4 集成到你的 angular-cli 应用程序中时告诉我......我不知道，我没有尝试过，但这里有一些与你正在尝试的内容相关的信息要做... github.com/angular/angular-cli#global-library-installation
很高兴听到这对您的微芯片有用。我一直在努力解决这个问题，但遗憾的是，我现在觉得它有点小问题。街上的消息是它与 RC4 一起工作，现在似乎在他们实施他们的附加系统 github.com/angular/angular-cli/issues/1696 之前可能不支持它。我认为最直接的解决方法可能是将 jquery、tether 和 bootstrap（css 和 js）库添加到公用文件夹中。从这里开始，在每个资源的 html 的 head 标签中添加一个链接应该可以解决问题。
好的，这里有一个更新。从 npm 拉下来的 angular-cli 和 github 上的 master 分支中的 angular-cli 不一样。我删除了 angular-cli 的本地和全局实例。然后我执行了npm install -g angular-cli@git+https://github.com/angular/angular-cli.git 现在全局库安装工作正常。在 npm 中更新包可能只是时间问题，但这应该让您使用最新最好的。
太棒了...这对像我这样从事 angular-cli webpack beta 早期阶段工作的许多人很有帮助...非常感谢
@C-man 同样在这里，我无法让引导程序使用自述文件中的全局样式。我不知道您的解决方案是否可行，但他们必须让人们知道这还不可用。非常非常令人沮丧。