javascript – 使用Webpack将jQuery暴露给真正的Window对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用Webpack将jQuery暴露给真正的Window对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含764字，纯文字阅读大概需要2分钟。

内容图文

我不想将jQuery对象公开给可在浏览器中的开发人员控制台中访问的全局窗口对象.现在在我的webpack配置中,我有以下几行：

plugins: [
                new webpack.ProvidePlugin({
                    $: 'jquery',
                    jQuery: 'jquery'
                })
            ]

这些行将jQuery定义添加到我的webpack模块中的每个文件中.
但是,当我构建项目并尝试在开发人员控制台中访问jQuery时,如下所示：

window.$;
window.jQuery;

它说这些属性是未定义的……

有没有办法来解决这个问题？

解决方法:

你需要使用expose-loader.

npm install expose-loader --save-dev

您可以在需要时执行此操作：

require("expose?$!jquery");

或者您可以在配置中执行此操作：

loaders: [
    { test: require.resolve('jquery'), loader: 'expose?jQuery!expose?$' }
]

更新：从webpack 2开始,您需要使用expose-loader而不是公开：

module: {
    rules: [{
        test: require.resolve('jquery'),
        use: [{
            loader: 'expose-loader',
            options: '$'
        }]
    }]
}

内容总结

以上是互联网集市为您收集整理的javascript – 使用Webpack将jQuery暴露给真正的Window对象全部内容，希望文章能够帮你解决javascript – 使用Webpack将jQuery暴露给真正的Window对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---