Update webpack config

src/components/Post.js

@@ -1,47 +0,0 @@
-import React, {Component} from 'react';
-import jsonfile from 'jsonfile';
-
-export default class Post extends Component {
-
-  static blogPost;
-
-  constructor() {
-    super();
-    var dataPath = path.join(process.cwd(), 'src/helpers/data.json');
-    jsonfile.readFile(dataPath, function(err, data) {
-      if (err) throw err;
-
-      for (var i = 0; i < data.posts.length; i++) {
-        var val = data.posts[i];
-
-        if (val.filename === this.props.match.params.post) {
-          blogPost = val;
-        }
-      }
-    }.bind(this));
-  }
-
-
-
-  render () {
-
-    return (
-      <div className="content">
-        <div className="post-header">
-          <h1>
-            {blogPost.title}
-          </h1>
-          <span>
-            {blogPost.published}
-          </span>
-          { if (blogPost.updated) {
-            <span>{ blogPost.updated }</span>
-            }}
-        </div>
-        <div className="post-content" dangerouslySetInnerHTML={{__html: blogPost.body}}>
-
-        </div>
-      </div>
-    )
-  }
-}

webpack.prod.config.js

@@ -1,19 +1,12 @@
 
 const { resolve, join } = require('path')
 const webpack = require('webpack')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
 
 const config = {
   context: resolve(__dirname, 'src'),
   entry: {
     bundle: [
       './app-client.js'
-    ],
-    'vendor/js': [
-      'react',
-      'react-dom',
-      'redux',
-      'react-redux'
     ]
   },
   output: {
@@ -32,22 +25,35 @@ const config = {
       },
       {
         test: /\.css$/,
-        use: ExtractTextPlugin.extract({
+        use: [
-          use: [
+          'style-loader',
-            {
+          {
-              loader: 'css-loader',
+            loader: 'css-loader',
-              options: {
+            options: {
-                modules: true,
+              modules: true,
-                importLoaders: 1,
+              importLoaders: 1,
-                localIdentName: '[name]_[local]___[hash:base64:5]'
+              localIdentName: '[name]__[local]___[hash:base64:5]'
-              }
-            },
-            {
-              loader: 'postcss-loader'
             }
-          ]
+          },
-        })
+          {
-      }
+            loader: 'postcss-loader'
+          }
+        ]
+      },
+      {test: /\.scss$/,
+            use: [{
+                loader: "style-loader" // creates style nodes from JS strings
+            }, {
+                loader: "css-loader" // translates CSS into CommonJS
+            }, {
+                loader: "sass-loader" // compiles Sass to CSS
+            }]
+      },
+      {
+        test: /\.(png|jpg)$/,
+        exclude: /node_modules/,
+        loader: 'url-loader'
+      },
     ]
   },
   plugins: [
@@ -57,11 +63,6 @@ const config = {
          // this assumes your vendor imports exist in the node_modules directory
          return module.context && module.context.indexOf('node_modules') !== -1
       }
-    }),
-    new ExtractTextPlugin({
-      filename: '[name].css',
-      disable: false,
-      allChunks: true
     })
   ]
 }