JS 依赖项应该打包在 bundle 中，还是通过 CDN 加载？

Question

对于这个问题，我一直假设的答案是常见的依赖项应该通过 CDN 加载。这样常见的 JS 库会缓存在浏览器中，加载速度会更快。但是，许多在线图书馆，例如React 和 Angular，以及许多打包系统，例如Webpack 和 SystemJS 似乎倾向于将 JS 依赖项打包在同一个包中的 node_modules 文件夹中，因此您的生产网站最终会加载一个包含所有内容的包。

所以我的问题是，加载依赖项的首选方式是什么？捆绑在同一个JS文件中？还是通过 CDN？

Answer 1

有一些论据：

1. 使用 CDN 时，浏览器会花费额外的时间来解析 CDN 主机的 DNS。
2. 在构建应用程序时，您可以使用摇树来删除未使用的代码。
3. 如果您的网站具有安全价值，那么使用 CDN 是个坏主意。
4. 您不能保证，CDN 服务器将永远存在。