Load requirejs module's css dependency with webpack

Question

I am using webpack and I need to include some libraries built for requirejs. Everything worked fine until one of the library declared a css dependency:

define(["css!./stylesheet.css"], function(){ \* module *\ });

Webpack has a css loader too, however it does not load them automatically as requirejs's one does. One must pipe the css loader to the style loader to do so:

require("style!css!./stylesheet.css");

Is there any way to make the prior working? For example, can I overwrite the css loader for this particular library so that it is piped with the style loader ?

Quentin Roy · Accepted Answer · 2016-05-27 10:03:37Z

2

I found a nice solution using postLoaders.

Adding

postLoaders: [
  { test: /\.css$/, loader: 'style', include: path.join(__dirname, "pathTo/theLib") }
]

into the module property of the webpack config did the trick.

edited May 27, 2016 at 10:03

answered Sep 20, 2015 at 12:38

Quentin Roy

7,9172 gold badges34 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

Load requirejs module's css dependency with webpack

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