Bump Webpack & Break out PostCss Configuration

package.json

@@ -94,6 +94,8 @@
     "stylelint": "~8.0.0",
     "stylelint-config-sass-guidelines": "^3.0.0",
     "terra-props-table": "^1.0.0",
-    "terra-toolkit": "^2.0.0"
+    "terra-toolkit": "^2.1.0",
+    "webpack": "^3.6.0",
+    "webpack-dev-server": "^2.9.1"
   }
 }

packages/terra-clinical-application-site/package.json

@@ -64,26 +64,26 @@
   "devDependencies": {
     "autoprefixer": "^6.7.7",
     "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
+    "babel-loader": "^7.1.2",
     "babel-polyfill": "^6.23.0",
-    "clean-webpack-plugin": "^0.1.16",
-    "css-loader": "^0.28.0",
-    "extract-text-webpack-plugin": "^2.1.0",
+    "clean-webpack-plugin": "^0.1.17",
+    "css-loader": "^0.28.7",
+    "extract-text-webpack-plugin": "^3.0.1",
     "gh-pages": "^0.12.0",
-    "html-webpack-plugin": "^2.28.0",
-    "json-loader": "^0.5.4",
+    "html-webpack-plugin": "^2.30.0",
+    "json-loader": "^0.5.7",
     "node-sass": "^4.5.2",
     "postcss-custom-properties": "^6.0.1",
-    "postcss-loader": "^1.3.3",
-    "postcss-rtl": "^0.5.10",
+    "postcss-loader": "^2.0.6",
+    "postcss-rtl": "^1.1.2",
     "raw-loader": "^0.5.1",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
-    "sass-loader": "^6.0.3",
-    "style-loader": "^0.16.1",
+    "sass-loader": "^6.0.6",
+    "style-loader": "^0.19.0",
     "terra-i18n": "^1.0.0",
     "terra-i18n-plugin": "^1.0.0",
-    "webpack": "^2.4.1",
-    "webpack-dev-server": "^2.4.5"
+    "webpack": "^3.6.0",
+    "webpack-dev-server": "^2.9.1"
   }
 }

packages/terra-clinical-site/package.json

@@ -62,28 +62,28 @@
   "devDependencies": {
     "autoprefixer": "^6.7.7",
     "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
+    "babel-loader": "^7.1.2",
     "babel-polyfill": "^6.23.0",
-    "clean-webpack-plugin": "^0.1.16",
-    "css-loader": "^0.28.0",
-    "extract-text-webpack-plugin": "^2.1.0",
+    "clean-webpack-plugin": "^0.1.17",
+    "css-loader": "^0.28.7",
+    "extract-text-webpack-plugin": "^3.0.1",
     "gh-pages": "^0.12.0",
-    "html-webpack-plugin": "^2.28.0",
-    "json-loader": "^0.5.4",
+    "html-webpack-plugin": "^2.30.0",
+    "json-loader": "^0.5.7",
     "node-sass": "^4.5.2",
     "postcss-custom-properties": "^6.0.1",
-    "postcss-loader": "^1.3.3",
-    "postcss-rtl": "^0.5.10",
+    "postcss-loader": "^2.0.6",
+    "postcss-rtl": "^1.1.2",
     "raw-loader": "^0.5.1",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-redux": "^5.0.4",
     "react-router": "^3.0.5",
     "redux": "^3.6.0",
-    "sass-loader": "^6.0.3",
-    "style-loader": "^0.16.1",
-    "terra-i18n-plugin": "^1.0.0",
-    "webpack": "^2.6.1",
-    "webpack-dev-server": "^2.4.5"
+    "sass-loader": "^6.0.6",
+    "style-loader": "^0.19.0",
+    "terra-i18n-plugin": "^1.5.0",
+    "webpack": "^3.6.0",
+    "webpack-dev-server": "^2.9.1"
   }
 }

packages/terra-clinical-site/postcss.config.js

@@ -0,0 +1,22 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const Autoprefixer = require('autoprefixer');
+const CustomProperties = require('postcss-custom-properties');
+const rtl = require('postcss-rtl');
+
+module.exports = {
+  plugins() {
+    return [
+      Autoprefixer({
+        browsers: [
+          'ie >= 10',
+          'last 2 versions',
+          'last 2 android versions',
+          'last 2 and_chr versions',
+          'iOS >= 10',
+        ],
+      }),
+      CustomProperties({ preserve: true, warnings: false }),
+      rtl(),
+    ];
+  },
+};

packages/terra-clinical-site/webpack.config.js

@@ -2,15 +2,12 @@
 // not devDependencies. Disabling this rule in webpack.conig.js
 /* eslint-disable import/no-extraneous-dependencies */
 const webpack = require('webpack');
-
+const postCssConfig = require('./postcss.config');
 const path = require('path');
-const Autoprefixer = require('autoprefixer');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const I18nAggregatorPlugin = require('terra-i18n-plugin');
 const i18nSupportedLocales = require('terra-i18n/lib/i18nSupportedLocales');
-const CustomProperties = require('postcss-custom-properties');
-const rtl = require('postcss-rtl');
 
 module.exports = {
   entry: {
@@ -41,23 +38,7 @@ module.exports = {
             },
           }, {
             loader: 'postcss-loader',
-            options: {
-              plugins() {
-                return [
-                  Autoprefixer({
-                    browsers: [
-                      'ie >= 10',
-                      'last 2 versions',
-                      'last 2 android versions',
-                      'last 2 and_chr versions',
-                      'iOS >= 8',
-                    ],
-                  }),
-                  CustomProperties(),
-                  rtl(),
-                ];
-              },
-            },
+            options: postCssConfig,
           }, {
             loader: 'sass-loader',
           }],

postcss.config.js

@@ -0,0 +1,3 @@
+const config = require('./packages/terra-clinical-site/postcss.config');
+
+module.exports = config;