当我将 NPM 用于 JS 依赖项时，如何部署网站？

Question

我正在使用Angular2 和TypeScript 开发一个网站。我按照官方网站上的“入门”进行了操作，这很棒。但在一天结束时，我发现我的 node_modules 有大约 70MB 的东西。 我不明白的是：真的需要所有东西吗？当我测试我的 webapp 时，我的浏览器并没有下载所有这些，事实上，我认为我下载的大小不会超过 2MB。

我想将前端部分嵌入到后端部分的 Spring Boot 应用程序中，但是按照这个速度，我担心 jar 会很大...

我想我错过了一些准备发布前端部分的东西，但正如我所提到的，我自己没有找到它。 使用npm 和node_modules 时，您如何交付轻量级网站？

根据有关 Webpack 的建议进行编辑

我了解到 Webpack 是 System.js 的替代方案，它简化了依赖项管理并帮助浏览器根据运行时依赖项下载正确的库而不是所有内容。 但它并没有告诉我是否应该在服务器上的 node_modules 中上传所有这些兆字节。 （还是我误解了？）。 如果我必须在服务器上上传我的网站版本，我如何确定我应该上传哪些库以及哪些库没有用？

Answer 1

由于您对切换到 Webpack 感兴趣，典型的 webpack 配置将生成几个 bundles（js 文件）。这些 JS 文件是您需要分发的全部内容（连同您的 HTML 文件和静态资产）。您可以保证这些捆绑包中包含您需要的所有内容，并且您无需上传 node_modules。