Added isomorphic CSS modules

[ashtonsix]

Works by searching webpacks internal module memory and extracting the relevant JSON from source. Additional info is saved to webpack-stats.json where it can be read from both the server and client.

[erikras]

This is brilliant! Thanks! 👍

[erikras]

You clearly have a better understanding of how webpack works than I do. Perhaps you could make some headway on #39?

[ashtonsix]

I'll give it a look sometime this week.

[codepunkt]

Is it just me or did this commit break style sourcemaps? :-/

[erikras]

Yes, I think it did. @ashtonwar !! 😄

[ashtonsix]

Yup.. sorry I'm too busy to look into this immediately.

My guesses for possible causes:

• css modules does not support sourcemaps
• upgrading ExtractTextPlugin
• importLoaders option on css-loader

Based on this query my money is on this bieng an issue with css-loader.

[leonli]

Hi @erikras I think this library has found a way to resolve the problem on #39

https://github.com/iam4x/isomorphic-flux-boilerplate/blob/master/app/utils/image-resolver.js

import imageResolver from 'utils/image-resolver'

let image;
// On browser just require() the image as usual
if (process.env.BROWSER) {
  image = require('images/logo.png');
}
else {
  image = imageResolver('images/logo.png');
}

...
render () {
  return (
    <img src={image} />
  );
}
...

[codepunkt]

@leonli thats nice, why don't you add that comment to #39 instead of adding it here?

[erikras]

I copied it.

[leonli]

Thanks @erikras

[ashtonsix]

@erikras Doing return stats.css.modules[require.resolve('views/styles/App.scss')]; works better than using path & utils

[erikras]

@ashtonwar Nice.