Compile only css modules with webpack, not javascript

Question

Is there a way to compile css modules in a webpack build but not compile the javascript at all? I want to publish a react component that uses css-modules, but point to my source files as the entry point (un-transpiled javascript). However, if I don't compile the css-modules, the people that consume that component won't be able to use it unless they are also using css-modules loaders. Is something like this even possible in webpack, or is there some library which exists that does this?

cgatian · Accepted Answer · 2016-07-16 15:09:14Z

1

I believe you can utilize the null-loader for your JavaScript. The loader portion of your config should look something like this.

{
    module: {
        loaders: [
            { test: /\.js$/, loader: "null-loader" },
            { test: /\.css$/, loader: "style-loader!css-loader" },
        ]

    }
};

answered Jul 16, 2016 at 15:09

cgatian

23.1k9 gold badges60 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

Compile only css modules with webpack, not javascript

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