選擇為哪些文件提供選擇模塊 webpack.ProvidePlugin

Question

是否有可能在我的配置中，我選擇為帶有 .jsx 擴展名的特定文件提供反應 package。

現在我已經為 .js 和 .jsx 都導入了反應，但我可以只為 .jsx 文件限制它嗎

new webpack.ProvidePlugin({
    "React": "react",
}),

Answer 1

目前使用 webpack ProviderPlugin 是不可能的。

作為臨時解決方案，您可以修改node_modules/webpack/lib/ProviderPlugin.js中的 ProviderPlugin，並在第 56 行和第 47 行下方添加以下代碼：

parser.hooks.expression.for(name).tap("ProvidePlugin", expr => {
  if (name === 'React' && !parser.state.current.resource.endsWith('.jsx')) {
    return true;
  }

  // ...
});

您甚至可以分叉插件並將其作為修改版本發布在您的 NPM 帳戶下。