title: Styles not working in isomorphic React implementation using webpack
body: <p>Server rendered html does not contain any css. Only when react runs on client side, the css gets applied. What am i doing wrong?</p>
  <h2>Webpack config server + client: (shortened for brevity)</h2>
  <pre><code>module.exports = [
    {
      name: &quot;simple-server&quot;,
      entry: [path.join(__dirname, &quot;..&quot;, &quot;src&quot;, &quot;server.js&quot;)],
      output: {
        path: path.join(__dirname, &quot;..&quot;, &quot;build&quot;),
        filename: &quot;server.js&quot;,
        libraryTarget: &quot;commonjs2&quot;,
      },
      target: &quot;node&quot;,
      externals: [nodeExternals()],
      module: {
        loaders: [
          {
            test: /\.scss$/,
            loaders: [&quot;css&quot;, &quot;sass&quot;],
          },
          {
            test: /\.css$/,
            loader: [&quot;css&quot;],
          }
        ],
      },
      resolve: {
        extensions: [&quot;&quot;, &quot;.js&quot;, &quot;.jsx&quot;, &quot;.scss&quot;],
        modulesDirectories: [ &quot;src&quot;, &quot;node_modules&quot;],
      },
    },
    {
      name: &quot;simple-client&quot;,
      context: path.join(__dirname, &quot;..&quot;, &quot;src&quot;),
      entry: {
        app: [&quot;handlers/App&quot;, &quot;webpack-hot-middleware/client?path=__webpack_hmr&quot;],
      },
      devtool: &quot;cheap-module-inline-source-map&quot;,
      output: {
        path: path.join(__dirname, &quot;..&quot;, &quot;build&quot;, &quot;assets&quot;),
        filename: &quot;[name].js&quot;,
        publicPath: &quot;assets/&quot;,
      },
      target: &quot;web&quot;,
      module: {
        loaders: [
          {
            test: /\.scss$/,
            loaders: [&quot;style-loader&quot;,&quot;css-loader?sourceMap&quot;,&quot;postcss-loader&quot;,&quot;sass-loader?sourceMap&quot;],
          },
          {
            test: /\.css$/,
            loaders: [&quot;style-loader&quot;,&quot;css-loader?sourceMap&quot;,&quot;postcss-loader&quot;],
          }
        ],
      },
      postcss: () =&gt; [autoprefixer({ browsers: [&quot;last 5 versions&quot;, &quot;&gt; 5%&quot;] })],
      resolve: {
        extensions: [&quot;&quot;, &quot;.js&quot;, &quot;.jsx&quot;, &quot;.scss&quot;],
        modulesDirectories: [
          &quot;src&quot;,
          &quot;node_modules&quot;,
        ],
      },
      plugins: [
        new webpack.optimize.OccurenceOrderPlugin(),
        new HtmlWebpackPlugin({
          filename: &quot;app.html&quot;,
          template: &quot;templates/main.html&quot;,
        })
        new webpack.HotModuleReplacementPlugin(),
      ],
    },
  ];
  </code></pre>
  <h2>Sample component :</h2>
  <pre><code>import React from &quot;react&quot;;
  import &quot;Styles.scss&quot;;
  
  export default Component extends .... {}
  </code></pre>