为什么 2021 年我们需要 webpack

Nib*_*Ray 8 javascript webpack

我试图从 freecodecmap 的这段视频中获取 webpack

https://www.youtube.com/watch?v=MpGLUVbqoYQ&t=396s

在视频开始时,讲师说我们需要 webpack 来管理依赖项,否则我们需要<script>按特定顺序添加标签才能使拆分的 JavaScript 模块正常工作。

但是如果我们将 script 标签设置为<script type="module">,浏览器将加载使用导入的所有模块

import {module_name} from "./module_loaction"
Run Code Online (Sandbox Code Playgroud)

所以我很难理解2021年webpack有什么用。

Roy*_*son 4

使用 webpack 或任何其他捆绑工具有很多原因。

  1. 它允许您从 node_modules 导入包,而无需指定整个相对路径。查看答案:/sf/answers/3679120091/
  2. 它将文件捆绑在单个脚本中,而不是通过网络进行多个调用。
  3. 有一些插件可以缩小和压缩文件,以使捆绑的脚本尺寸变小。
  4. Webpack 甚至可以为您处理循环依赖。

如果您不需要任何上述功能以及捆绑程序提供的许多其他较小功能,那么您就不需要它。

  • 有趣的是,#2 不再一定是一个好处。通过 HTTP/2 发出并发请求,更多请求实际上可以更快(尽管如果您正在缩小,捆绑带来的额外压缩肯定可以抵消这一点) (4认同)