refactor(config): utilize diable option in the extract plugin to simplify config

Utilizing the `ExtractTextPlugin`s `disable` prop instead of duplicating the configs. Also
adding a `.postcssrc.js` which will make things easier going forward as we move to
postcss and cssnext instead of sass. This also removes some code from the webpack
config and isolates the postcss config which I think is a good thing.

Author: skipjack

.editorconfig

@@ -1,20 +1,18 @@
 # Top-most EditorConfig file
 root = true
 
-# Set default charset
-[*.{js}]
-charset = utf-8
-
+# AutoFormat All Files
 [*]
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-# 4 space indentation
-[*.{md,js,jsx,scss,hbs}]
+# Format All Source Files
+[*.{md,js,jsx,json,scss,hbs,*rc}]
+charset = utf-8
 indent_style = space
 indent_size = 2
 
-# Format Config
-[{package.json,.alexrc,babelrc,.eslintignore,.eslintrc,.markdownlint.json,.proselintrc}]
+# Format Any Missing Config Files
+[.eslintignore]
 indent_style = space
 indent_size = 2

.postcssrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: [
+    require('autoprefixer')
+  ]
+}

webpack.config.js

@@ -11,15 +11,17 @@ var stylePaths = [
   path.join(cwd, 'components')
 ];
 
-const commonConfig = {
+const commonConfig = env => ({
   resolve: {
     extensions: ['.js', '.jsx', '.scss']
   },
+
   resolveLoader: {
     alias: {
       'page-loader': path.resolve(cwd, 'loaders/page-loader')
     }
   },
+
   module: {
     rules: [
       {
@@ -35,6 +37,44 @@ const commonConfig = {
           path.join(__dirname, 'components')
         ]
       },
+      {
+        test: /\.font.js$/,
+        loader: ExtractTextPlugin.extract({
+          fallback: 'style-loader',
+          use: [
+            'css-loader',
+            {
+              loader: 'fontgen-loader',
+              options: { embed: true }
+            }
+          ]
+        })
+      },
+      {
+        test: /\.css$/,
+        loader: ExtractTextPlugin.extract({
+          fallback: 'style-loader',
+          use: 'css-loader'
+        }),
+        include: stylePaths
+      },
+      {
+        test: /\.scss$/,
+        loader: ExtractTextPlugin.extract({
+          fallback: 'style-loader',
+          use: [
+            'css-loader',
+            'postcss-loader',
+            {
+              loader: 'sass-loader',
+              options: {
+                includePaths: [ path.join('./styles/partials') ]
+              }
+            }
+          ]
+        }),
+        include: stylePaths
+      },
       {
         test: /\.woff2?$/,
         use: {
@@ -54,13 +94,20 @@ const commonConfig = {
       }
     ]
   },
+
   plugins: [
     new CopyWebpackPlugin([{
       from: './assets',
       to: './assets'
-    }])
+    }]),
+
+    new ExtractTextPlugin({
+      filename: '[chunkhash].css',
+      allChunks: true,
+      disable: env === 'develop'
+    })
   ]
-};
+});
 
 const interactiveConfig = {
   resolve: {
@@ -78,119 +125,16 @@ const interactiveConfig = {
   ]
 };
 
-const developmentConfig = {
-  module: {
-    rules: [
-      {
-        test: /\.font.js$/,
-        use: ['style-loader', 'css-loader', 'fontgen-loader']
-      },
-      {
-        test: /\.css$/,
-        use: ['style-loader', 'css-loader'],
-        include: stylePaths
-      },
-      {
-        test: /\.scss$/,
-        use: [
-          'style-loader',
-          'css-loader',
-          postcssLoader(),
-          sassLoader()
-        ],
-        include: stylePaths
-      }
-    ]
-  }
-};
-
-const buildConfig = {
-  module: {
-    rules: [
-      {
-        test: /\.font.js$/,
-        loader: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: [
-            'css-loader',
-            {
-              loader: 'fontgen-loader',
-              options: {
-                embed: true
-              }
-            }
-          ]
-        })
-      },
-      {
-        test: /\.css$/,
-        loader: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: 'css-loader'
-        }),
-        include: stylePaths
-      },
-      {
-        test: /\.scss$/,
-        loader: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: [
-            'css-loader',
-            postcssLoader(),
-            sassLoader()
-          ]
-        }),
-        include: stylePaths
-      }
-    ]
-  },
-  plugins: [
-    new ExtractTextPlugin({
-      filename: '[chunkhash].css',
-      allChunks: true
-    })
-  ]
-};
-
-function postcssLoader() {
-  return {
-    loader: 'postcss-loader',
-    options: {
-      plugins: () => ([
-        require('autoprefixer'),
-      ])
-    }
-  };
-}
-
-function sassLoader() {
-  return {
-    loader: 'sass-loader',
-    options: {
-      includePaths: [ path.join('./styles/partials') ]
-    }
-  };
-}
-
 module.exports = function(env) {
   switch(env) {
     case 'develop':
-      return merge(
-        commonConfig,
-        developmentConfig
-      );
+    case 'build':
+      return commonConfig(env);
 
     case 'interactive':
       return merge(
-        commonConfig,
+        commonConfig(env),
         interactiveConfig
       );
-
-    case 'build':
-    case 'lint:links':
-      return merge(
-        commonConfig,
-        buildConfig
-      );
   }
 };