当我使用NPM for JS依赖时，如何部署网站？

Question

我正在使用Angular2和TypeScript开发网站。我遵循了“入门”＃39;来自官方网站，这很棒。但是在一天结束时，我发现我的node_modules有大约70MB的东西。 我不明白的是：所有的东西真的需要吗？当我测试我的网络应用时，我的浏览器并没有下载所有这些内容，事实上，我认为我下载的内容不超过2MB。

我想将前端部分嵌入到后端部分的Spring Boot应用程序中，但是按照这个速度，我担心这个jar会有几千兆字节的重量......

我想我错过了准备释放前端部分的东西，但正如我所提到的，我自己并没有找到它。 在使用npm和node_modules？

时，您如何提供轻量级网站？

关于Webpack的建议后编辑

我理解Webpack是System.js的替代品，它简化了依赖关系管理，并帮助浏览器根据运行时依赖性下载正确的lib而不是所有内容。 但它并没有告诉我是否应该在服务器上的node_modules中上传所有这些兆字节。 （或者我误解了吗？）。 如果我必须在服务器上上传我的网站版本，我怎么能弄清楚我应该上传哪些库以及哪些库没用？

Answer 1

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