使用webpack的困惑

Question

我是JS新手，正在学习Webpack，并想问一些问题。 第一个问题，如果我们可以使用ES6导入和导出并使用一个脚本，那么为什么要使用Webpack从多个JS文件中创建一个捆绑包，也就是说，最初，我们有三个JS文件：一个。 js，two.js和three.js。在HTML中，我们使用三个脚本：

<script src="./one.js">
<script src="./two.js">
<script src="./three.js">

然后，我们使用导入和导出，这使我们能够使用HTML中的<script src="./one.js">之类的脚本。 第二个问题，为什么Webpack也被称为transpiler？它到底能传播什么？

Answer 1

webpack可以完成许多任务，而捆绑，转运就是其中的几个。

1. 捆绑：：当我们将javascript代码划分为多个组件/类/小部件，并在整个项目中重复使用它们时。您可以将所有文件都包含在index.html中，这很好，但是HTTP协议一次只能下载2个文件，因此您的初始加载时间会增加。但是，如今人们倾向于创建2个捆绑文件，以减少初始加载时间。

2. Transpiler：：Transpiler会将某种形式的代码转换为其他形式。众所周知，所有浏览器都了解ES5，但是在大多数框架中，我们都使用高级语法，例如ES ^ / 7，因此有必要将其转换为较低级别。 Webpack使用babel包来做到这一点。这就是为什么我们也称它为transpilar。