jquery - ProvidePlugin 不适用于 jquery

Question

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

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

现在我已经从组件中删除了所有导入语句。但 $ 没有映射到 jquery 模块。当我按住 ctrl 键并单击 $ 时，它会将我带到 dom.js。对于 React:'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