Getting Webpack CSS and React working together

Question

I have my webpack config loaders as like this:

//config for css
{ test: /\.css$/, loader: "style-loader!css-loader" },
{ test: /\.png$/, loader: "url-loader?limit=100000" },
{ test: /\.jpg$/, loader: "file-loader" }

and in my React component I have:

import styles from "../../../css/style.css"

and my style.css looks like:

#box {
}

but in my react component if I refer to styles its just returning {}, I expect it should have box key. But it doesn't, where I'm making mistake?

Oleksandr T. · Accepted Answer · 2016-07-21 11:53:23Z

1

I think you need enable css-modules

{ test: /\.css$/, loader: "style-loader!css-loader?modules"

Example

edited Jul 21, 2016 at 11:53

answered Jul 21, 2016 at 11:48

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting Webpack CSS and React working together

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related