如何在角度应用程序中加载所有依赖项答案

【问题标题】：How to load all dependencies in angular application如何在角度应用程序中加载所有依赖项
【发布时间】：2018-06-08 23:12:06
【问题描述】：

我有一个相当大的 Angular 应用程序。我正在使用 npm install 安装所有软件包，并在 index.html 文件中手动加载它们，例如：

<script src="node_modules/angular/angular.js"></script>

以类似的方式，我正在加载其他文件（控制器、服务等），例如：

<script type="text/javascript" src="app/app.module.js"></script>

在不手动导入的情况下加载所有必要文件的最佳方法是什么（我的项目中有很多 js 文件）？有没有关于如何做的好教程？我找不到任何简单而好的解决方案。

【问题讨论】：

【解决方案1】：

使用 Webpack，您可以轻松实现这一点，使用它的优势是您可以使用任何您在 Web 应用程序中使用过的 grunt、gulp、bower。

这也会为您生成构建。

最简单的实现示例在这里example

【讨论】：

【解决方案2】：

使用 Gulp 或 Grunt 进行构建将自动生成并将导入添加到 index.html.explore https://www.keycdn.com/blog/gulp-vs-grunt/ 这将回答您的查询。

【讨论】：

【解决方案3】：

您可以使用Webpack。 Webpack 是一个开源的 JavaScript 模块打包器。 Webpack 获取具有依赖关系的模块并生成代表这些模块的静态资产

【讨论】：