Use webpack to bundle the main electron process script

.gitignore

@@ -59,4 +59,5 @@ typings/
 
 release
 dist
-nuclear.json
+nuclear.json
+bundle.electron.js

package.json

@@ -5,7 +5,8 @@
   "main": "main.js",
   "scripts": {
     "start": "npm-run-all --parallel watch electron",
-    "electron": "electron .",
+    "electron:dev": "webpack --progress --colors --config=webpack.config.electron.js && electron ./bundle.electron.js",
+    "electron:prod": "webpack --progress --colors --config=webpack.config.electron.prod.js && cp index.prod.html dist && electron ./dist/bundle.electron.js",
     "watch": "webpack-dev-server --inline --progress --env=dev",
     "build:dist": "webpack --progress --colors --env=prod --define process.env.NODE_ENV=production",
     "test": "mocha --require babel-register",
@@ -75,6 +76,7 @@
     "isomorphic-fetch": "^2.2.1",
     "lodash": "^4.17.5",
     "mocha": "^5.0.0",
+    "node-loader": "^0.6.0",
     "node-sass": "^4.7.2",
     "nodebrainz": "^2.1.1",
     "npm-run-all": "^4.1.2",
@@ -111,7 +113,7 @@
       "dist/",
       "resources/",
       "index.prod.html",
-      "main.prod.js",
+      "dist/electron.bundle.js",
       "mpris.js",
       "package.json"
     ],

webpack.config.electron.js

@@ -0,0 +1,37 @@
+const webpack = require('webpack');
+const path = require('path');
+const HappyPack = require('happypack');
+
+module.exports = {
+  entry: './main.js',
+  output: {
+    path: __dirname,
+    filename: 'bundle.electron.js'
+  },
+  module: {
+    loaders: [
+      {
+        test: /.jsx?$/,
+        use: 'happypack/loader?id=jsx',
+        exclude: /node_modules/
+      },
+      {
+        test: /.node$/,
+        use: 'node-loader'
+      }
+    ]
+  },
+  plugins: [
+    new webpack.NamedModulesPlugin(),
+    new HappyPack({
+      id: 'jsx',
+      loaders: [ 'babel-loader' ]
+    }),
+  ],
+  node: {
+    fs: "empty",
+    __dirname: false,
+    __filename: false
+  },
+  target: 'electron-main'
+};

webpack.config.electron.prod.js

@@ -0,0 +1,39 @@
+const webpack = require('webpack');
+const path = require('path');
+const HappyPack = require('happypack');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+
+module.exports = {
+  entry: './main.prod.js',
+  output: {
+    path: __dirname,
+    filename: './dist/bundle.electron.js'
+  },
+  module: {
+    loaders: [
+      {
+        test: /.jsx?$/,
+        use: 'happypack/loader?id=jsx',
+        exclude: /node_modules/
+      },
+      {
+        test: /.node$/,
+        use: 'node-loader'
+      }
+    ]
+  },
+  plugins: [
+    new webpack.NamedModulesPlugin(),
+    new HappyPack({
+      id: 'jsx',
+      loaders: [ 'babel-loader' ]
+    }),
+    new UglifyJsPlugin()
+  ],
+  node: {
+    fs: "empty",
+    __dirname: false,
+    __filename: false
+  },
+  target: 'electron-main'
+};

webpack.config.prod.js

@@ -21,13 +21,13 @@ const config = {
   module: {
     loaders: [
       {
-	test: /.jsx?$/,
-	use: 'happypack/loader?id=jsx',
+        test: /.jsx?$/,
+        use: 'happypack/loader?id=jsx',
         exclude: /node_modules/
       },
       {
-	test: /.scss$/,
-	use: 'happypack/loader?id=scss'
+        test: /.scss$/,
+        use: 'happypack/loader?id=scss'
       }, {
         test: /\.css/,
         loader: 'style-loader!css-loader?modules=true&localIdentName=[name]__[local]___[hash:base64:5]'