【问题标题】:Why we need webpack in 2021为什么我们在 2021 年需要 webpack
【发布时间】:2021-04-23 14:03:55
【问题描述】:

我试图从 freecodecmap 的这个视频中提取 webpack

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

在视频的开头,讲师说我们需要 webpack 来管理依赖项,否则我们需要添加 <script> 标签,以便拆分 JavaScript 模块正常工作。

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

import {module_name} from "./module_loaction"

所以我很难理解 2021 年 webpack 的用途。

【问题讨论】:

    标签: javascript webpack


    【解决方案1】:

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

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

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

    【讨论】:

    • 有趣的是,#2 不一定是好处。使用 HTTP/2 发出并发请求,更多请求实际上可以更快(尽管如果您正在缩小,捆绑带来的额外压缩当然可以抵消这一点)
    猜你喜欢
    • 2021-10-14
    • 2019-06-09
    • 2014-06-18
    • 2017-02-26
    • 2011-04-03
    • 2017-07-27
    • 2020-09-21
    • 2020-03-09
    • 2018-12-24
    相关资源
    最近更新 更多