Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Use in webpack

See original GitHub issue

The postcss readme suggest I can replace the webpack “css modules” loader with postcss-modules:

https://github.com/postcss/postcss-loader#integration-with-css-modules

But how exactly? A primitive approach:

postcss: function () {
    return [require('postcss-modules')];
}

causes .json files to be written out. I need the JSON to be returned to the require() statement though.

Issue Analytics

State:
Created 8 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

22reactions

gajuscommented, Sep 6, 2016

Thats a bummer.

What does css-loader do that postcss-loader cannot replicate (or does not want to replicate)?

11reactions

sepo-onecommented, Jul 5, 2016

that’s said 😢 i’d rather use postcss/* tools only than in combination with css-loader.

don’t understand what’s the issue though. seems like there should a natural way to use postcss-loader in couple with postcss-modules

Top Results From Across the Web

Getting Started - webpack

Webpack is used to compile JavaScript modules. Once installed, you can interact with webpack either from its CLI or API.

Getting Started With Webpack - Smashing Magazine

webpack is a highly extensible and configurable static module bundler for JavaScript applications. With its extensible nature, you can plug in ...

A Beginner's Guide to Webpack - SitePoint

As its core, webpack is a static module bundler. In a particular project, webpack treats all files and assets as modules. Under the...

Webpack Tutorial for Beginners: A Complete Step ... - CodeinWP

Webpack uses a specific JavaScript file, named in package.json , as something called an entry point. The entry point indicates to webpack which ......

An intro to Webpack: what it is and how to use it

In brief, Webpack goes through your package and creates what it calls a dependency graph which consists of various modules which your webapp ......