【问题标题】:angular merged into window object by webpack?角度被webpack合并到窗口对象中?
【发布时间】:2017-05-30 19:25:20
【问题描述】:

我对 webpack 有一个非常奇怪的问题。

我有这个 webpack.config 文件:

https://github.com/saike/maluvich-browser/blob/master/webpack.config.babel.js

我通过 es6 模块导入来导入 angular:

https://github.com/saike/maluvich-browser/blob/master/src/maluvich.js

然后我在 DOMContentLoaded 事件之后像往常一样引导 Angular 应用程序:

https://github.com/saike/maluvich-browser/blob/master/index.html

但是……

当我尝试 console.log(window) 时,它会显示:

还有这个:

看起来像 webpack 或者一些将 angular 和 window 合并在一起的东西。我找不到问题。

如果有人帮助我,我会很高兴。谢谢!

【问题讨论】:

  • 这实际上是你所期望的,如果 angular 没有挂载到全局窗口对象,你如何在你的应用程序中访问它,想想 jQuery/$ 做了什么。
  • 不,这不是我所期望的。因为角度也安装到窗口:screenshot,但它也合并到窗口。 Window 有 Angular 的属性和方法,比如:fromJson(), copy(), extend()
  • 我以前从未见过这样的情况。

标签: javascript angularjs webpack


【解决方案1】:

好的。经过几个小时的痛苦,我发现这是因为常见的块插件而发生的。

 new webpack.optimize.CommonsChunkPlugin('maluvich-vendor', 'maluvich-vendor.js', Infinity)

删除此行后,窗口对象开始正常工作。

【讨论】:

    猜你喜欢
    • 2017-04-05
    • 2021-10-24
    • 1970-01-01
    • 2020-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-06
    相关资源
    最近更新 更多