从Webpack包中排除反应

网络包 Webpack

西里神奇

2020-04-07

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

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

externals: {
  'react': 'React'
}

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

第4110篇《从Webpack包中排除反应》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
小小 2020.04.07

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android