从Webpack包中排除反应

我试图从webpack生成的包中排除反应。原因是,页面上有可用的全球版本的react,所以我将使用它。

我尝试使用以下内容,如此处建议的Webpack和外部库,但这似乎不起作用。我可以看到webpack已经导出了React,但是它仍然出现在bundle中。

externals: {
  'react': 'React'
}

我以为这可能是另一个依赖,例如react-router导入react?有没有人设法做到这一点?

小小2020/04/07 11:46:02

您可以只创建多个条目以将响应与应用程序包分开。例如,您可以使用webpack CommonsChunkPlugin进行以下操作:

module.exports = {
entry: {
    "app": "your app entry file",
    "react" : "react"
},
plugins: [
    new webpack.optimize.CommonsChunkPlugin("react", "react.bundle.js")
   ]
}