chore: upgrade to webpack4

Author: Brooooooklyn

package.json

@@ -61,37 +61,37 @@
   "license": "MIT",
   "devDependencies": {
     "@types/chai": "^4.1.2",
-    "@types/node": "^9.4.6",
+    "@types/node": "^9.4.7",
     "@types/shelljs": "^0.7.8",
     "@types/sinon": "^4.3.0",
     "@types/sinon-chai": "^2.7.29",
-    "awesome-typescript-loader": "^4.0.0",
     "chai": "^4.1.2",
     "coveralls": "^3.0.0",
     "css-loader": "^0.28.10",
-    "extract-text-webpack-plugin": "^3.0.2",
-    "happypack": "^4.0.1",
-    "html-webpack-plugin": "^3.0.4",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "html-webpack-plugin": "^3.0.6",
     "madge": "^3.0.1",
     "moment": "^2.21.0",
-    "node-watch": "^0.5.7",
+    "node-watch": "^0.5.8",
     "npm-run-all": "^4.1.2",
     "nyc": "^11.4.1",
     "raw-loader": "^0.5.1",
     "rxjs": "^5.5.6",
     "shelljs": "^0.8.1",
     "shx": "^0.2.2",
     "sinon": "^4.4.2",
-    "sinon-chai": "^2.14.0",
+    "sinon-chai": "^3.0.0",
     "source-map-loader": "^0.2.3",
-    "style-loader": "^0.20.2",
+    "style-loader": "^0.20.3",
     "tman": "^1.7.4",
+    "ts-loader": "^4.0.1",
     "ts-node": "^5.0.1",
     "tslint": "^5.9.1",
     "tslint-eslint-rules": "^5.1.0",
     "tslint-loader": "^3.6.0",
     "typescript": "^2.7.2",
-    "webpack": "^4.1.0",
+    "webpack": "^4.1.1",
+    "webpack-cli": "^2.0.10",
     "webpack-dev-server": "^3.1.0"
   },
   "dependencies": {

webpack.config.js

@@ -3,10 +3,6 @@ const path = require('path')
 const os = require('os')
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
-const HappyPack = require('happypack')
-const { CheckerPlugin } = require('awesome-typescript-loader')
-
-const happyThreadPool = HappyPack.ThreadPool({ size: os.cpus().length })
 
 // Webpack Config
 module.exports = {
@@ -51,11 +47,9 @@ module.exports = {
   },
 
   plugins: [
-    new CheckerPlugin(),
     new webpack.LoaderOptionsPlugin({
       debug: true
     }),
-    new webpack.optimize.CommonsChunkPlugin({ name: ['main', 'vendor'], minChunks: Infinity }),
     new ExtractTextPlugin({ filename: 'style.css' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin(),
@@ -69,25 +63,10 @@ module.exports = {
         NODE_ENV: JSON.stringify('development')
       }
     }),
-    new HappyPack({
-      id: 'css',
-      loaders: [ 'style-loader', 'css-loader' ],
-      threadPool: happyThreadPool
-    }),
-
-    new HappyPack({
-      id: 'sourceMap',
-      loaders: [ 'source-map-loader' ],
-      threadPool: happyThreadPool
-    }),
-
-    new HappyPack({
-      id: 'raw',
-      loaders: ['raw-loader'],
-      threadPool: happyThreadPool
-    })
   ],
 
+  mode: 'development',
+
   module: {
     noParse: [/tman\/browser\/tman\.js/, /sinon\/pkg\/sinon\.js/],
     rules: [
@@ -100,16 +79,16 @@ module.exports = {
       {
         test: /\.js$/,
         enforce: 'pre',
-        loader: 'happypack/loader?id=sourceMap',
+        loaders: [ 'source-map-loader' ],
         include: /rxjs/
       },
       {
         test: /\.ts$/,
-        use: 'awesome-typescript-loader',
+        use: 'ts-loader',
         exclude: /node_modules/
       },
-      { test: /\.css$/, use: 'happypack/loader?id=css' },
-      { test: /\.html$/, use: 'happypack/loader?id=raw' }
+      { test: /\.css$/, loaders: [ 'style-loader', 'css-loader' ] },
+      { test: /\.html$/, loaders: ['raw-loader'] },
     ]
   }
 }