Javascript ParcelJS模块加载与Web包

除了使用CommonJS、AMD和ES模块之外，我还试图加深对JavaScript模块的理解

这让我更深入地研究了webpack，以了解它如何在不依赖仍然相对较新的ES模块的情况下使模块在浏览器中工作。据我所知，Webpack捆绑了JS，将

import

和

require

语句转换为自己的语句，并附带运行时和清单，允许它执行这些语句。那么Webpack基本上实现了自己的功能，从而克服了模块支持的不足

我试图将其与另一个bundler-packet进行比较，但似乎找不到关于它如何处理模块的任何信息

有人知道我对Webpack的理解是否正确，以及这与Parcel的理解相比如何

提前感谢您的帮助

---

感谢

ES6导入/导出语法的实现使得许多传统的模块加载器（如RequireJS/AMD和rollup）有些过时。然而，像Webpack和Parcel这样的资产捆绑工具在现代web开发中仍然占有一席之地

资产绑定器将多个文件打包成一组较小的文件（包括JS、图像、字体、LESS、SCS等），从而减少对服务器的请求数量和通信开销。捆绑过程通常涉及脚本缩小、死代码删除和依赖项管理。这也允许更模块化的前端web开发

在某些方面，更新的包裹比网页包更先进。Parcel支持许多不同的语言和文件类型，从HTML、CSS和JavaScript等web技术，到Rust等低级语言，以及任何编译到WebAssembly（WASM）的语言，再到图像、字体、视频等资产。您可以一次构建多个目标，并在进行更改时实时更新它们。Parcel在workers内部并行地独立编译所有文件，并在运行过程中缓存所有文件。使用dynamic import（）语句拆分代码不需要显式配置

Webpack和Parcel都为您提供了一个开发服务器，用于在浏览器上测试您的项目。与Webpack不同，Parcel的入口点是HTML文件而不是JS文件。您不应该在