我们有一个遗留库 - 一堆JavaScript文件,写成 ,没有任何模块定义 ,必须按特定顺序加载才能正常工作(例如某处代码修改在其他文件中声明的对象的原型等。)
我有一个React组件,需要与这些文件具有相同的范围。
当我对每个文件使用require
时,Webpack会为每个文件(库的一部分)创建不同的范围,并且文件无法相互访问。此外,我无法从我的React组件访问任何内容,并且最终的捆绑包工作不正确。
最糟糕的解决方案是以正确的顺序手动将所有内容移动到React组件文件中。但是文件将有> 30kloc而我不喜欢它。
Webpack中是否还有其他方法可以按正确顺序追加10个文件中的代码,以便它们与我的React组件具有相同的范围?