使用webpack访问预定义的全局变量

时间:2017-05-03 21:29:46

标签: javascript webpack

我尝试在Webpack中使用Blueimp Gallery。 Blueimp gallery定义了一个全局函数blueimp。通常,可以使用var x = blueimp.Gallery(...);

创建图库

然而,当我使用webpack时,blueimp-object会对我隐藏。

我使用以下方法在我的主JS文件中导入了blueimp Gallery:

import 'blueimp-gallery/js/blueimp-gallery.min'; import 'blueimp-gallery/css/blueimp-gallery.min.css';

当我尝试访问blueimp时,例如与console.log(blueimp);,我得到了:

  

未捕获的ReferenceError:未定义blueimp

我可能需要某种预定义加载器,就像我使用jQuery一样:

window.$ = window.jQuery = require("jquery");

并在webpack config js

new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })

但无论我如何尝试配置require(anything blueimp);和/或ProvidePlugin,都不会看到blueimp。

我错过了什么?

This question完全解决了我的问题。我不是在创建自己的模块,我想使用我通过npm下载的模块。

1 个答案:

答案 0 :(得分:0)

访问窗口中的所有变量。尝试:

window.blueimp