electron踩坑之process is not defined

问题

 打开electron-vue报出Process is not defined的错误。

 对此表示奇怪的一批，在github中有人也遇到了相同的问题，并给出了答案，这里贴出链接。github链接传送门

解决办法

 对于github上给出的解决办法，我在此做出整理。

• 找到.electron-vue文件目录下的webpack.renderer.config.js文件，修改plugins中的new HtmlWebpackPlugin()为如下代码

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: path.resolve(__dirname, '../src/index.ejs'),
      minify: {
        collapseWhitespace: true,
        removeAttributeQuotes: true,
        removeComments: true
      },
      isBrowser: false,
      isDevelopment: process.env.NODE_ENV !== 'production',
      nodeModules: process.env.NODE_ENV !== 'production'
        ? path.resolve(__dirname, '../node_modules')
        : false
    }),

• 修改src文件夹下的index.ejs文件为下述代码

<div id="app"></div>
<!-- Set `__static` path to static files in production -->
<% if (!htmlWebpackPlugin.options.isBrowser && !htmlWebpackPlugin.options.isDevelopment) { %>
  <script>
    window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
  </script>
<% } %>

• 向src/main/index.js中加入配置选项

function createWindow () {
  // add the webPreferences property passed to BrowserWindow
  mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences: {
      nodeIntegration: true,
      nodeIntegrationInWorker: true
    }
  })
}

• 配置完成，打开electron-vue，成功。