Webpack能做什么？

Webpack：

1. 入口（entry）：通过入口（Vue中的new Vue（）就是入口）将各模块整合，生成一张模块依赖图。
2. 出口（output）：告诉Webpack将打包后的代码生成的文件名是什么（filename），以及将它放在哪里（path）。
3. Loader：把不同的模块和文件（比如：HTML、CSS、typescript等）转换为JavaScript模块。
4. plugins：对Loader编译后的代码进行封装优化，用来控制最终生成的代码是如何组织和输出的，包括对代码的打包优化、压缩、启用模块热替换等等。
5. 最终Webpack整合各个魔魁啊，根据依赖关系将它们打包成一个最终文件或多个文件。