通过webpack捆绑的暴露JavaScript全局变量
- 论坛
- 通过webpack捆绑的暴露JavaScript全局变量
9 浏览
通过webpack捆绑的暴露JavaScript全局变量
问题
我觉得这个问题应该比现在更简单明了。我需要从前端访问所有的JavaScript库,但因为我要将其集成到一个旧系统中,所以不能在前端调用require("bundle.js");
。捆绑文件的全局范围内的所有内容必须从通过标签导入它们的前端页面的全局范围内访问。
因此,我需要将旧的代码更改为:
我尝试过的方法
- expose-loader:如果我没有100个全局变量,我不想明确告诉它要查找哪些变量,这个方法完全可行。
- ProvidePlugin:只能让库看到其他库。根据我的当前设置,我也不能明确写出我需要的所有全局变量(不断添加更多的全局变量)。
我需要什么
为了更清楚,我希望我的webpack.config.js
看起来像以下选项之一:
// 所有内容都包含在module.exports和其他无关紧要的部分中 plugins: [ new StaticLibraryMergerSuperNeatPlugin("js/*.js") ] // ...
或者:
rules: [ { test: /\.js$/, use: [ "neat-merging-cool-loader", "babel-loader"] } ] // ...
我是否走错了路?
是否有明显的解决方案我忽略了?
Tl;Dr:
当通过在前端HTML页面上导入时,如何使我的捆绑js文件中的全局变量暴露到全局范围内?
顺便说一下:如果有人是webpack的专家并知道这种方式的不足之处,请在下面发表简要说明,以便我可以修复。