erikras / erikras/react-redux-universal-hot-example

How do we successfully add CSS and Javascript file from 3rd Party CSS Framework into this Project?

Open
#596 18 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.