Add option for set devToolsMode, use DotenvWebpack

README.md

@@ -11,6 +11,7 @@
 
 ```
 SENTRY_URL=http://...
+DEV_TOOLS_MODE=right|bottom|undocked|detach
 ```
 
 #### Install dependencies

package.json

@@ -112,7 +112,7 @@
     "babel-preset-stage-0": "^6.24.1",
     "chance": "^1.0.13",
     "concurrently": "^3.5.1",
-    "dotenv": "^5.0.0",
+    "dotenv-webpack": "^1.5.4",
     "electron": "1.8.2",
     "electron-builder": "^20.0.4",
     "electron-devtools-installer": "^2.2.3",

src/main/app.js

@@ -100,7 +100,7 @@ function createMainWindow() {
 
   if (devTools) {
     window.webContents.openDevTools({
-      mode: 'detach',
+      mode: process.env.DEV_TOOLS_MODE,
     })
   }
 

src/main/menu.js

@@ -41,7 +41,7 @@ const template = [
                 const mainWindow = BrowserWindow.getAllWindows().find(w => w.name === 'MainWindow')
                 if (mainWindow) {
                   mainWindow.openDevTools({
-                    mode: 'detach',
+                    mode: process.env.DEV_TOOLS_MODE,
                   })
                 }
               },

webpack/plugins.js

@@ -1,13 +1,13 @@
-require('dotenv').config()
 const webpack = require('webpack')
+const Dotenv = require('dotenv-webpack')
 
 require('../src/globals')
 
 module.exports = [
+  new Dotenv(),
   new webpack.DefinePlugin({
     __DEV__,
     __PROD__,
-    __SENTRY_URL__: JSON.stringify(process.env.SENTRY_URL),
     'process.env.NODE_ENV': JSON.stringify(__ENV__),
   }),
 ]