Merge pull request #42 from raphaelfabeni/development

Update webpack and webpack-dev-server and also removes Sass-lint

Author: raphaelfabeni

package.json

@@ -6,22 +6,22 @@
   "main": "index.js",
   "scripts": {
     "build": "rimraf dist && webpack && rimraf dist/*.js",
-    "start": "webpack-dev-server"
+    "start": "webpack-dev-server --mode=development"
   },
   "author": "Raphael Fabeni",
   "license": "MIT",
-  "dependencies": {},
   "devDependencies": {
     "css-loader": "^0.28.5",
-    "extract-text-webpack-plugin": "^3.0.0",
+    "mini-css-extract-plugin": "^0.5.0",
     "node-sass": "^4.5.3",
     "rimraf": "^2.6.1",
     "sass-lint": "^1.8.0",
     "sass-loader": "^6.0.6",
-    "sasslint-webpack-plugin": "^1.0.4",
     "style-loader": "^0.18.2",
-    "webpack": "3.8.1",
-    "webpack-dev-server": "2.11.1",
+    "stylelint-webpack-plugin": "^0.10.5",
+    "webpack": "^4.29.0",
+    "webpack-cli": "^3.2.1",
+    "webpack-dev-server": "^3.1.14",
     "webpack-livereload-plugin": "^0.11.0"
   }
 }

webpack.config.js

@@ -1,6 +1,6 @@
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const LiveReloadPlugin = require('webpack-livereload-plugin')
-const SassLintPlugin = require('sasslint-webpack-plugin')
+// const StyleLintPlugin = require('stylelint-webpack-plugin');
 const path = require('path')
 const loaders = require('./loaders.json').loaders
 
@@ -25,24 +25,17 @@ module.exports = {
     rules: [
       {
         test: /\.sass$/,
-        use: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: [
-            { loader: 'css-loader', options: { minimize: true } },
-            { loader: 'sass-loader' }
-          ]
-        })
+        use: [
+          MiniCssExtractPlugin.loader,
+          { loader: 'css-loader', options: { minimize: true } },
+          'sass-loader',
+        ]
       }
     ]
   },
   plugins: [
-    new SassLintPlugin({
-      configFile: '.sass-lint.yml',
-      glob: 'src/**/*.s?(a|c)ss',
-      failOnWarning: true,
-      failOnError: true
-    }),
-    new ExtractTextPlugin('[name].css'),
+    // new StyleLintPlugin(options),
+    new MiniCssExtractPlugin('[name].css'),
     new LiveReloadPlugin()
   ],
   devServer: {