Lots of major-version package upgrades

Included:

* Stylelint
* Webpack to version 4
    * Update config, various loaders and plugins as a result
    * Replace extract-text-webpack-plugin with mini-css-extract-plugin
* node-sass
* jquery

Author: ravasthi

package.json

@@ -11,24 +11,26 @@
     "node": ">=8.5.0"
   },
   "devDependencies": {
+    "autoprefixer": "^8.2.0",
     "browser-sync": "^2.18.13",
-    "browser-sync-webpack-plugin": "^1.2.0",
+    "browser-sync-webpack-plugin": "^2.2.2",
     "clean-webpack-plugin": "^0.1.16",
     "css-loader": "^0.28.7",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "file-loader": "1.1.5",
+    "file-loader": "^1.1.11",
+    "mini-css-extract-plugin": "^0.2.0",
     "node-sass": "^4.5.3",
     "npm-run-all": "^4.1.1",
     "postcss-loader": "^2.0.6",
-    "reset-css": "^2.2.1",
+    "reset-css": "^3.0.0",
     "sass-loader": "^6.0.6",
-    "style-loader": "0.19.0",
-    "stylelint": "^8.1.1",
+    "style-loader": "^0.20.3",
+    "stylelint": "^9.1.3",
     "stylelint-config-standard": "^18.0.0",
-    "stylelint-order": "0.7.0",
+    "stylelint-order": "^0.8.1",
     "susy": "^3.0.1",
-    "url-loader": "0.6.2",
-    "webpack": "^3.6.0"
+    "url-loader": "^1.0.1",
+    "webpack": "^4.2.0",
+    "webpack-cli": "^2.0.13"
   },
   "dependencies": {
     "font-awesome": "^4.7.0",

webpack.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
     entry: {
@@ -22,30 +22,31 @@ module.exports = {
             {
                 test: /\.scss$/,
                 // include: /node_modules/,
-                use: ExtractTextPlugin.extract({
-                    fallback: 'style-loader',
-                    use: [
-                        {
-                            loader: 'css-loader',
-                            options: {
-                                sourceMap: true
-                            }
-                        },
-                        {
-                            loader: 'postcss-loader',
-                            options: {
-                                sourceMap: true
-                            }
-                        },
-                        {
-                            loader: 'sass-loader',
-                            options: {
-                                includePaths: [ 'node_modules' ],
-                                sourceMap: true
-                            }
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            sourceMap: true
                         }
-                    ]
-                })
+                    },
+                    {
+                        loader: 'postcss-loader',
+                        options: {
+                            plugins: () => [
+                                require('autoprefixer')
+                            ],
+                            sourceMap: true
+                        }
+                    },
+                    {
+                        loader: 'sass-loader',
+                        options: {
+                            includePaths: [ 'node_modules' ],
+                            sourceMap: true
+                        }
+                    }
+                ],
             },
             {
                 // Capture eot, svg, ttf, woff, and woff2
@@ -76,9 +77,9 @@ module.exports = {
             'distribution/styles/*.*',
             'distribution/fonts/*.*'
         ]),
-        new ExtractTextPlugin({
-            filename: 'styles/[name].css',
-            allChunks: true,
+        new MiniCssExtractPlugin({
+            filename: "styles/[name].css",
+            chunkFilename: "styles/[id].css",
         }),
         new BrowserSyncPlugin({
             files: [