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

Question

我有很大的角度应用。我正在使用npm install安装所有软件包，我在index.html文件中手动加载它们，例如：

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

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

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

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

Answer 1

使用Webpack可以轻松实现这一点，并且使用它的优点是您可以使用任何这些grunt，gulp，bower，无论您在Web应用程序中使用了什么。

这也会为你生成构建。

webpack using grunt

webpack using gulp

webpack using bower

最简单的实施示例是example

Answer 2

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

Answer 3

您可以使用Webpack。 Webpack是一个开源JavaScript模块捆绑器。 Webpack采用具有依赖关系的模块并生成表示这些模块的静态资产