通过webpack捆绑的暴露JavaScript全局变量

9 浏览
0 Comments

通过webpack捆绑的暴露JavaScript全局变量

问题

我觉得这个问题应该比现在更简单明了。我需要从前端访问所有的JavaScript库,但因为我要将其集成到一个旧系统中,所以不能在前端调用require("bundle.js");。捆绑文件的全局范围内的所有内容必须从通过

我尝试过的方法

  1. expose-loader:如果我没有100个全局变量,我不想明确告诉它要查找哪些变量,这个方法完全可行。
  2. 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的专家并知道这种方式的不足之处,请在下面发表简要说明,以便我可以修复。

0