`webpack` 函数有啥作用？

Posted 2023-03-15

【中文标题】`webpack` 函数有啥作用？

【英文标题】：What does `webpack` function do?`webpack` 函数有什么作用？

【发布时间】：2018-11-19 05:53:20

【问题描述】：

我使用 Webpack 已经很长时间了，我总是纠结于 Webpack 的配置。最近，我尝试使用 Webpack 让 VSCode 显示智能感知，我发现 webpack 是一个函数。

太好了，因为现在我可以启用智能感知，而无需阅读复杂枯燥的文档。但是当它运行时，它并不像我所尊重的那样美妙。类型检查警告错误。我尝试在控制台中运行webpack()，它返回类似于Compiler 架构或默认配置的内容。虽然我找到了另一种使用/** @type webpack.Configuration */ 启用智能感知的方法，但仍然想知道； webpack() 函数到底做了什么，我们需要关心它吗？

非常感谢！

【参考方案1】：

webpack 函数支持以编程方式使用 Webpack。

正如Webpack Node.js API documentation 所说，

如果提供了回调函数，则为导入的 webpack 函数提供一个 webpack 配置对象并运行 webpack 编译器

<...>

如果你不向 webpack 运行器函数传递回调，它将返回一个 webpack 编译器实例。此实例可用于手动触发 webpack 运行程序或让它构建并监视更改，就像 CLI 一样。

在 webpack.config.js 中不需要它，因为它已经由 Webpack CLI 处理。