Can successfully run Webpack to create dist/bundle.js

The bundled output is noticeably different; likely due to Webpack 4
vs. 2/3. The order of dependencies also appears to have changed.
The overall output *seems* to be the same. Unsure how to full test
that everything is getting bundled appropriately.

This also allows the project to be built without having to manually
copy files into node_modules.

.gitignore

@@ -2,3 +2,4 @@ Changelog.txt
 Netburner.txt
 README.md
 /node_modules
+/dist/*.map

netscript.js

@@ -790,7 +790,7 @@ oop.inherits(Mode, TextMode);
     };
 
     this.createWorker = function(session) {
-        var worker = new WorkerClient(["ace"], require("../worker/javascript"), "JavaScriptWorker");
+        var worker = new WorkerClient(["ace"], require("brace/worker/javascript"), "JavaScriptWorker");
         worker.attachToDocument(session.getDocument());
 
         worker.on("annotate", function(results) {

package.json

@@ -76,7 +76,8 @@
     "url-loader": "~0.5.0",
     "val-loader": "^1.0.2",
     "vm-browserify": "~0.0.0",
-    "webpack-cli": "^2.0.9",
+    "webpack": "^4.1.1",
+    "webpack-cli": "^2.0.12",
     "webpack-dev-middleware": "^1.9.0",
     "worker-loader": "^0.8.0"
   },

src/Script.js

@@ -1,6 +1,6 @@
 var ace = require('brace');
 require('brace/mode/javascript');
-require('brace/mode/netscript');
+require('../netscript');
 require('brace/theme/chaos');
 require('brace/theme/chrome');
 require('brace/theme/monokai');

webpack.config.js

@@ -1,6 +1,8 @@
+var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
+    mode: "development",
     plugins: [
       // http://stackoverflow.com/questions/29080148/expose-jquery-to-real-window-object-with-webpack
       new webpack.ProvidePlugin({
@@ -12,15 +14,35 @@ module.exports = {
         $: "jquery"
       }),
     ],
-
+    target: "web",
     entry: "./src/engine.js",
+    devtool: "nosources-source-map",
     output: {
-        path: __dirname + "/dist/",
+        path: path.resolve(__dirname, "dist"),
-        filename: "bundle.js"
+        filename: "bundle.js",
+        devtoolModuleFilenameTemplate: "[id]"
     },
     module: {
-        loaders: [
+        rules: [
-            { test: /\.css$/, loader: "style!css" },
+/*            {
+                test: /\.css$/,
+                use: "style!css"
+            }*/
         ]
+    },
+    optimization: {
+        removeAvailableModules: true,
+        removeEmptyChunks: true,
+        mergeDuplicateChunks: true,
+        flagIncludedChunks: true,
+        occurrenceOrder: true,
+        sideEffects: true,
+        providedExports: false,
+        usedExports: false,
+        concatenateModules: false,
+        namedModules: false,
+        namedChunks: false,
+        minimize: false,
+        portableRecords: true
     }
 };