2017-05-04 90 views
0

我正在阅读一个反应项目。在这个项目中,他们定义的外部是这样的:Webpack外部属性含义

webpackConfig.externals = {} 
webpackConfig.externals['react/lib/ExecutionEnvironment'] = true 
webpackConfig.externals['react/lib/ReactContext'] = true 
webpackConfig.externals['react/addons'] = true 

我看过的WebPack文档,但我还是不明白上面的纹路。定义这些配置时有什么意义?

由于

回答

1

的的外部配置选项提供不包括从所述输出束的依赖关系的方式。相反,创建的捆绑包依赖于该依赖关系存在于消费者的环境中。该功能通常对图书馆开发人员非常有用,但是它有各种各样的应用程序。

它用于构建一个带有webpack的库,该webpack具有对其他不应包含在编译版本中的库的依赖关系。 externals选项定义应在目标环境中解决的依赖关系。

检查这些链接,了解更多的解释: https://webpack.js.org/configuration/externals/ https://github.com/webpack/webpack/tree/master/examples/externals http://tomasalabes.me/blog/_site/web-development/2016/04/30/Webpack-Series-Part-1.html

+0

我真的不明白这一点。所以在我的例子中,为什么'reac/lib /'不应该包含在编译版本中。谢谢。 –

+0

它只是防止绑定某些导入的包,而是依赖于它们在运行时被检索到,它们应该在目标环境中可用,例如从CDN –