包裹:如何使`React`成为全局的,而不是将其导入每个文件中

时间:2019-01-05 17:11:42

标签: babeljs parcel parceljs webpack-provide-plugin babel-plugin-auto-import

我发现了如何使用webpack来使React全球化:https://stackoverflow.com/a/32556581/565877

但是我想知道如何使它在全球范围内适用于包裹

1 个答案:

答案 0 :(得分:0)

根据一些初步研究,似乎最好接受显式导入。较少的“魔术”意味着当您要重构代码时,很容易知道模块是否仍在使用。各种捆绑软件可以更快速,更轻松地了解各种文件的依赖性。

我认为至少将React设置为全局是更合理/可原谅的,因为它基本上是放在React应用程序中的。如果您想将其嵌入到没有反应的东西中而不进行编译,那么您可以只在每个文件中添加导入,然后在终端中添加一些简单的脚本即可。

请不要失望,因为导入是如此简单和基本(因此很烦人),因此导入/编辑器/ ide /编辑插件/等几乎可以使它们自动化。

https://github.com/PavelDymkov/babel-plugin-auto-import

是一种可以帮助解决此问题的工具。

这是vscode的一个很好的编辑器插件:

自动导入-ES6,TS,JSX,TSX Sergey Korenuk | 46,224个安装| 71,453下载 https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import(这是soates最受欢迎的“自动导入”的一个分支,仅支持打字稿)