这种 webpack 语法风格是什么：imports?this=>global!exports?global.fetch

Question

我正在查看包含以下代码的 webpack 配置：

new webpack.ProvidePlugin({
  fetch: 'imports?this=>global!exports?global.fetch!whatwg-fetch',
}),

我从 webpack docs 中看到 ProvidePlugin 将左侧的值（获取）替换为右侧的模块，无论它在哪里找到它，没有 import 必要。

我可以按照文档中的示例进行操作，例如

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})

在代码中遇到 $ 或 jQuery 的地方加载 jquery 模块。但是我的代码看起来不像js模块，那它是干什么的？

Answer 1

原来这是imports-loader和exports-loader语法：https://webpack.js.org/loaders/imports-loader/.

What is this style of webpack syntax: imports?this=>global!exports?global.fetch