如何在React.js中使用jQuery依赖节点模块？

Question

I want to use this library in my React application: http://propeller.in , but it's built on jQuery. I have added the following relevant code in my Index.js React component:

import $ from 'jquery';
import 'propellerkit/dist/js/propeller.js';

I've also tried this:

import 'jquery/dist/js/jquery.js';
import 'propellerkit/dist/js/propeller.js';

I've made sure both node modules are installed. For some reason, I keep getting a $ is not defined error.

Answer 1

If you are using webpack to bundle, you can provide jquery using ProvidePlugin ,

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'   // this will try to find node jquery module
})

Link to docs