javascript - 对于使用 JavaScript ES6 模块和类的应用程序，是否仍然需要模块加载器？

Question

如果您使用 ES6 模块和类编写应用程序，是否需要使用模块加载器框架，或者仅使用构建工具将所有代码连接到一个(或多个)文件中并包含那些使用普通脚本标签的？

Answer 1

是的。必须有人在生产线的某处加载模块。

我认为您将提前编译模块与单独加载模块混为一谈。 Webpack 是一个模块加载器，它输出单个文件供浏览器稍后使用，而 System API 和 requirejs 等加载多个单独的文件。

双方都有性能因素，特别是更长的构建时间(预编译时)与更长的加载时间(多个文件)。

Webpack、Browserify 和大多数其他模块加载器(System API 除外)允许您为某些文件类型定义一些加载器并自动编译您的 (S)CSS 或模板通过的方式，以及运行其他工具来丑化或混淆您的代码。 ES6 System API 不提供这些功能，但它是一个比大多数运行时加载器更健壮的。

这归结为两个权衡:

1. 支持非 JS 模块(样式、模板)与构建时间
2. 单个请求和较长构建与多个请求和较短/无构建

为您的用户(高带宽与移动)、环境(如果您有两打 CI 代理，谁在乎构建是否需要额外的 3 秒？)和堆栈(如果您有很多模板文件，编译它们 AOT 可能很重要)。