管理AngularJs 1.x web应用程序依赖项的最明智的方法是什么[关闭]答案

【问题标题】：What is the most sane way to manage dependencies for a AngularJs 1.x webapplication [closed]管理AngularJs 1.x web应用程序依赖项的最明智的方法是什么[关闭]
【发布时间】：2017-11-15 15:56:20
【问题描述】：

目前我使用了一堆脚本元素，这些元素引用了 cdn/local 文件，这不是很好。

我想我想使用 npm/yarn 声明所有必需的包，并提供带有自托管后备的 cdn 文件（这甚至是个好主意吗？）。

我应该使用 webpack/browserify 解决方案还是为此目的而过度使用（因为 AngularJs 已经自己处理依赖注入）？我对有关该主题的大量框架/信息感到有些迷茫。

【问题讨论】：

标签： javascript angularjs npm webpack dependencies

【解决方案1】：

这是一个意见问题，因此我们只能尝试根据我们对您需求的了解来弄清楚我们会做什么。用那粒盐：

你所描述的听起来有点矫枉过正。除非您的性能需求很大，否则请使用 npm 管理您的依赖项并将它们与您的发布打包在一起。如果你真的需要，使用构建工具来压缩和打包你的资源（比如 webpack）。有大量出色的 JS 构建工具，如果所有样板文件都不堪重负，请查看 Yeoman 之类的内容，它可以帮助解决这个问题。

在我看来，自托管 CDN 可能是最糟糕的选择，因为它增加了巨大的支持需求而几乎没有任何好处，因为一旦您不再关心这个项目，其他人将不得不重构您的所有代码以新的 CDN 或本地资源。

【讨论】：

我的意思是一个外部 CDN 提供商，例如 cdnjs，如果 CDN 服务器出现故障，它会回退到自托管版本。为了提供更多上下文，我目前手动包含大约 70 个 js/文件。猜猜使用 gulp 或其他东西自动添加脚本元素（来自 package.json）会很好。不确定使用带有后备功能的 CDN 文件有多容易，也许我应该保留它。
如果你有70个js文件，CDN会更糟糕，因为它不会打包它们。有 70 个依赖项，webpack 捆绑绝对是正确的路线。此外，70 个依赖文件似乎有很多依赖...
为了更正/澄清自己，它更像是~50个文件，~12个为应用程序自定义编写的文件（几千行代码），~15个外部依赖项解析为~38个文件。但我想它仍然会是 npm 和 webpack，至少 AOT 编译看起来不错。
是的，另一个优点是 Angular 2 的 angular-cli 是 webpack，所以如果你曾经学习 Angular 2，那么学习的东西就会更少。