Webpack 编译 JavaScript 模块是什么意思？

【问题标题】：What does Webpack compiles JavaScript modules mean?Webpack 编译 JavaScript 模块是什么意思？
【发布时间】：2018-12-02 17:18:45
【问题描述】：

根据 Webpack 文档https://webpack.js.org/guides/getting-started/

Webpack 用于编译 JavaScript 模块。安装后，您可以通过其 CLI 或 API 与 webpack 交互。

但是在这个意义上编译是什么意思呢？ JavaScript 显然不是一种编译语言，那么 Webpack 如何“编译” JavaScript 模块呢？不是应该说捆绑吗？

【问题讨论】：

捆绑包括更改所涉及的语言，which is called "compiling"。
“JavaScript 显然不是编译语言” - 不正确，see here
“编译”部分不是由 babel.js 完成的吗？

标签： javascript webpack

【解决方案1】：

Webpack 不是一个编译器，它是一个打包器，但就像一个编译器一样，它解析你的源文件，Webpack 打包你的代码，你可以设置它，它还可以将新的 JS 语法转译（转换）成旧的但更多的广泛支持的语法，它还允许您使用 commonJS 或 es6 模块将代码拆分为不同的模块，并将它们捆绑在一起，使它们可以在浏览器中工作，换句话说，它编译“源代码”（在浏览器中不起作用) 到“目标”，它是捆绑的，可以作为一个程序解析。

现在大多数 JavaScript 引擎也使用即时编译，这意味着 JS 是一种编译语言，它不是提前编译的，而是引擎解析你的整个 JS 文件，然后逐块编译并执行它。

【讨论】：