Question

我想在我的react应用程序中全局包含jquery。我正在使用很多使用jquery的第三方插件。所以我尝试通过webpack的ProvidePlugin

来做

new webpack.ProvidePlugin({
            React: 'react',
            $: 'jquery',
            jQuery: 'jquery',
            _: 'lodash'
        }),

现在我已从组件中删除了所有import语句。但$未映射到jquery模块。当我按ctrl +点击$时，它会将我带到dom.js.对于React：'反应'，它正在发挥作用。

我该如何解决？

这是我尝试运行项目时的错误

ion.rangeSlider.js:21 Uncaught ReferenceError: jQuery is not defined
    at ion.rangeSlider.js:21
    at ion.rangeSlider.js:23
(anonymous) @ ion.rangeSlider.js:21
(anonymous) @ ion.rangeSlider.js:23
markers.js:450 Uncaught ReferenceError: jQuery is not defined
    at markers.js:450

Answer 1

这只是在捆绑过程中为每个模块的上下文提供jQuery等的安全方法但是你必须在代码中的某个地方导入你的jquery

import 'jquery'

或

require('jquery')

如果你不这样做，你的模块将无法使用jQuery

ProvidePlugin不适用于jquery

1 个答案: