fix: update production Webpack config

Remove ExtractTextPlugin since it's no use with Styled Components
Remove separate rules definition per environment because they had drifted out of sync
Enable GraphQL endpoint with new server config param

config/default.js

@@ -15,6 +15,7 @@ module.exports = {
     port: 3000,
     logger,
     uploads: 'uploads',
+    enableExperimentalGraphql: true,
     typeDefs: `
       type Manuscript {
         id: ID!

styleguide.config.js

@@ -13,7 +13,7 @@ module.exports = {
   ],
   webpackConfig: {
     module: {
-      rules: require('./webpack/rules.development.js'),
+      rules: require('./webpack/rules.js'),
     },
   },
   context: {

webpack/rules.production.js

-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const include = require('./babel-includes')
-const stringReplaceRule = require('./string-replace')
-
-module.exports = [
-  stringReplaceRule,
-  {
-    oneOf: [
-      // ES6 JS
-      {
-        test: /\.jsx?$/,
-        include,
-        loader: 'babel-loader',
-        options: {
-          presets: [
-            [require('babel-preset-env'), { modules: false }],
-            require('babel-preset-react'),
-            require('babel-preset-stage-2'),
-          ],
-        },
-      },
-
-      // CSS Modules
-      {
-        test: /\.local\.css$/,
-        include,
-        use: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: [
-            {
-              loader: 'css-loader',
-              options: {
-                modules: true,
-                localIdentName: '[name]_[local]-[hash:base64:8]',
-              },
-            },
-          ],
-        }),
-      },
-
-      // global CSS
-      {
-        test: /\.css$/,
-        use: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: ['css-loader'],
-        }),
-      },
-
-      // files
-      {
-        exclude: [/\.jsx?$/, /\.html$/, /\.json$/],
-        loader: 'file-loader',
-        options: {
-          name: 'static/media/[name].[hash:8].[ext]',
-        },
-      },
-    ],
-  },
-]

webpack/webpack.development.config.js

@@ -2,7 +2,7 @@ const config = require('config')
 const path = require('path')
 const webpack = require('webpack')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
-const rules = require('./rules.development')
+const rules = require('./rules')
 const resolve = require('./common-resolve')
 
 module.exports = [

webpack/webpack.production.config.js

@@ -5,11 +5,10 @@ const config = require('config')
 const path = require('path')
 const webpack = require('webpack')
 const CleanWebpackPlugin = require('clean-webpack-plugin')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
-const rules = require('./rules.production')
+const rules = require('./rules')
 const resolve = require('./common-resolve')
 
 module.exports = [
@@ -47,7 +46,6 @@ module.exports = [
         [config.authsome.mode]: config.authsome.mode,
         [config.validations]: config.validations,
       }),
-      new ExtractTextPlugin('styles/main.css'),
       new CopyWebpackPlugin([{ from: '../static' }]),
       new webpack.optimize.AggressiveMergingPlugin(),
       new webpack.optimize.OccurrenceOrderPlugin(),

webpack/webpack.test.config.js

@@ -2,7 +2,7 @@ const config = require('config')
 const path = require('path')
 const webpack = require('webpack')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
-const rules = require('./rules.development')
+const rules = require('./rules')
 const resolve = require('./common-resolve')
 
 module.exports = [