erikras / erikras/react-redux-universal-hot-example
How do we successfully add CSS and Javascript file from 3rd Party CSS Framework into this Project?
- Dominant language
- JavaScript
- Stars
- 12.1k
- Forks
- 2.5k
- PR merge metrics
- No merged PRs in 30d
Description
I am relatively new to webpack, so this question may seem newbie..
According to the earlier issue (https://github.com/erikras/react-redux-universal-hot-example/issues/171), and also as I have checked, I can add the css from other front framework ( for example, materialize.css (http://materializecss.com/about.html), or bootstrap.css ) and make it work. I do:
```
import 'materialize/css/materialize.css'; (in the Client.js)
```
in the Client.js, with a line " { test: /.css$/, loader: "style-loader!css-loader" }, " added in the loader configuration, and it works out good.
However, when I do as above to include the jquery.js, and materialize.js / bootstrap.js as:
```
import 'materialize/js/jquery-2.1.1.min.js'; (in the Client.js)
import 'materialize/js/materialize.js'; (in the Client.js)
```
I get a ton of errors like:
Cannot resolve module 'jquery' ...
Cannot resolve module 'hammerjs' ...
So anyone could tell me what should I do if I want to use 3rd party framework like Materialize ?
Thank you a lot!
Contributor guide
Assessment
This issue has not been assessed yet.