如何在Webpack中创建变量global

Question

我正在尝试将Politespace库导入Webpack项目。它是这样编写的，它在certain line上尝试将全局Politespace对象附加到window对象，这是document对象上的事件侦听器正确运行所需的

但是当试图通过将import放入vendor.js并将w视为一个对象时 - 在Webpack中加载它时，似乎Webpack正在替换另一个变量，因此它永远不会附加到window。

有没有办法允许导入将全局属性分配给Window的库，除了必须复制和粘贴文件并修改它以专门引用window而不是w（我验证确实有效吗？

Answer 1

您可以使用imports-loader

来实现

您可以通过两种方式使用它;或者通过做

之类的事情来require()

require("imports-loader?this=>window!politespace");

或者像webpack.config.js那样设置（根据文档）

module.exports = {
    ...
    module: {
        loaders: [
            {
                test: require.resolve("some-module"),
                loader: "imports-loader?this=>window"
            }
        ]
    }
};