Fix production build empty class name

- webpack-contrib/mini-css-extract-plugin#9

Author: hdnha11

components/user-list/UserList.jsx

@@ -45,7 +45,7 @@ class UserList extends Component {
         ))}
         {!isFetching &&
           currentPage < totalPages && (
-            <a className={styles.loadMore} href onClick={this.loadMore}>
+            <a className={styles.loadMore} href="#see-more" onClick={this.loadMore}>
               Load more...
             </a>
           )}

webpack.common.js

@@ -21,19 +21,6 @@ module.exports = {
       {
         test: /\.(js|jsx)$/,
         loader: 'babel-loader'
-      },
-      {
-        test: /\.scss$/,
-        use: [
-          'style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              modules: true
-            }
-          },
-          'sass-loader'
-        ]
       }
     ]
   },

webpack.dev.js

@@ -8,6 +8,23 @@ module.exports = merge(common, {
     contentBase: './dist',
     hot: true
   },
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              modules: true,
+            },
+          },
+          'sass-loader'
+        ]
+      }
+    ]
+  },
   plugins: [
     new webpack.NamedModulesPlugin(),
     new webpack.HotModuleReplacementPlugin()