首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >windows/全局对象库不适用于webpack5

windows/全局对象库不适用于webpack5
EN

Stack Overflow用户
提问于 2021-05-15 14:39:50
回答 1查看 281关注 0票数 1

我编写了我的库,它将类添加到全局窗口对象中:

代码语言:javascript
复制
const Maplat = window.Maplat = {};

Maplat.createObject = blah blah..

通过webpack4编译,这是非常好的工作。

代码语言:javascript
复制
<html>
  <head>
    <script src="./assets/maplat_core.js"></script>
  </head>
  <body>
    <script>
      Maplat.createObject(...);
      // Works fine
    </script>
  </body>
</html>

但是在我更新webpack 5之后,这是行不通的。

我检查了编译后的结果代码,它被戏称为:

代码语言:javascript
复制
          ...
          , Tv = window.Maplat = {};
        Tv.createObject = function(t) {
            return new Promise((function(e) {
                var n = new Rv(t);
                n.waitReady.then((function() {
                    e(n)
                }
                ))
            }
            ))
        }
    }
    )()
}
)();

有了这个编译的结果,

代码语言:javascript
复制
const Maplat = window.Maplat = {};

后作

代码语言:javascript
复制
Maplat.createObject(...);

因此,这个编译的结果不起作用。

如何解决这个问题?如何通过webpack5将类添加到窗口/全局对象?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-06-13 18:33:02

最后,在webpack的背景下,它变成了作品:

代码语言:javascript
复制
  output: {
    path: path.resolve(__dirname, "../dev"),
    filename: '[name].js',
    libraryTarget: 'umd',
    globalObject: 'this',
  },
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67547890

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档