I want to install jquery and materialize-css into my React application using npm, and import it in my React application (I don't want to use CDNs or import in the index.html file).
Please how do I do that?
Asked
Active
Viewed 2,279 times
-1
Awa Desmoline
- 495
- 4
- 26
-
Just import it with a ` – cfraser Jun 26 '17 at 22:07
-
npm install jquery ? npm install materialize-css ? – leoap Jun 26 '17 at 22:10
-
@cfraser thanks for your reply. I updated the question. – Awa Desmoline Jun 26 '17 at 22:11
-
@leo_ap yeah. but how do I use them in the code? – Awa Desmoline Jun 26 '17 at 22:13
-
have you tried: `var $ = require('jquery')` ? or `import $ from 'jquery'; ` – leoap Jun 26 '17 at 22:16
-
Possible duplicate of [Jquery in React is not defined](https://stackoverflow.com/questions/33351288/jquery-in-react-is-not-defined) – leoap Jun 26 '17 at 22:18
-
I just tried this `import '../../node_modules/jquery/dist/jquery.min.js';` and it seems to be working. Thanks – Awa Desmoline Jun 26 '17 at 22:21
1 Answers
2
You can do this by using a bundler like webpack or browserify. Typically in combination with babel. A quick search gave me this link: https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel.
ES6 -> Webpack -> Babel (ES6/JSX) -> ES5 bundle.
Personally I would use this to import more specialized libraries instead of jQuery but you can definitely do this.
Sven van de Scheur
- 1,809
- 2
- 15
- 31
-
This should work. After that, you can just import it into your components as needed. – istrupin Jun 26 '17 at 22:20