fix(generator/background): use app protocol for index.html, fixes #129

Author: nklayman

generator/template/src/background.js

@@ -24,7 +24,7 @@ function createWindow () {
   } else {
     createProtocol('app')
     // Load the index.html when not in development
-    win.loadFile('index.html')
+    win.loadURL('app://./index.html')
   }
 
   win.on('closed', () => {

lib/webpackConfig.js

@@ -3,6 +3,7 @@ const fs = require('fs')
 async function chainWebpack (api, pluginOptions, config) {
   const rendererProcessChain =
     pluginOptions.chainWebpackRendererProcess || (config => config)
+  const realDirname = 'require("electron").remote.app.getAppPath()'
   if (process.env.IS_ELECTRON) {
     // Add externals
     config.externals(getExternals(api, pluginOptions))
@@ -14,8 +15,10 @@ async function chainWebpack (api, pluginOptions, config) {
     if (process.env.NODE_ENV === 'production') {
       //   Set process.env.BASE_URL and __static to absolute file path
       config.plugin('define').tap(args => {
-        args[0]['process.env'].BASE_URL = '__dirname'
-        args[0].__static = '__dirname'
+        args[0].__dirname = realDirname
+        args[0].__filename = `\`\${${realDirname}}/index.html\``
+        args[0]['process.env'].BASE_URL = realDirname
+        args[0].__static = realDirname
         return args
       })
     } else if (process.env.NODE_ENV === 'development') {