打包器如何融入脚本？

袋鱼不重2025-06-05 10:37

理解这个问题，类似于理解 plugin 的概念：所谓的 plugin 其实就是一种在现有功能的基础上提供的扩展功能。本质上是在某一个时机（hooks）下，根据当前的状态（形参）执行特性的事情，并返回对应的结果（返回值）。那么如果想要让编译器支持这样的 plugin ，那么就需要提供对应的 hooks 和插入方式。

以 webpack 为例：

js 复制代码

export default {
  plugins: [
    new HTMLWebpackPlugin()
  ]
}

那么此时，"webpack实例"就可以通过 plugins 这个数组，拿到所有的插件。其中每个插件都是一个具体的实例对象。

webpack 可以控制这些 plugin 实例，让他们在特定的实际下进行执行，传递 context 上下文参数（代表的应该是整个编译流程下的核心对象）。插件可以通过修改 context 中的某些属性来得到想要完成的目的。

以 HTMLWebpackPlugin 为例，他就可以在 context 中获取到 html 文本，对其进行修改。