javascript - 如何加载 Angular 应用程序中的所有依赖项

Question

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

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

以类似的方式我正在加载其他文件( Controller 、服务等)，例如:

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

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

Answer 1

使用 Webpack 你可以轻松实现这一点，使用它的优点是你可以与任何你在网络应用程序中使用过的 grunt、gulp、bower 一起使用。

这也将为您生成构建。

webpack using grunt

webpack using gulp (archive.org copy from 2017)

webpack using bower

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