Webpack捆绑与优化

Question

webpack是做什么的？根据我非常粗浅的理解，它将资产文件捆绑在一起，比如css和js。没有webpack，我不能自己做吗？它是如何优化捆绑包的呢？我从一些文件中看到大小减少了50%以上

Answer 1

它将css和js等资产文件捆绑在一起。

是的，还有其他资源类型。

没有webpack，我自己做不到吗？

你可以这样做，但这是一项繁重的工作。为什么要重新发明轮子。

以及它是如何优化捆绑包的？

树抖动(消除未使用的代码)，将资产拆分成几个包，包缩小，包压缩，为包指定唯一的(基于散列的)名称以使其缓存安全，并生成引用这些包名称的.html文件。