feat(build/serve): add support for custom render process webpack config

Author: nklayman

__tests__/commands.spec.js

@@ -124,6 +124,22 @@ describe('build:electron', () => {
     expect(mainConfig.node.test).toBe('expected')
   })
 
+  test('Custom renderer process webpack config is used if provided', async () => {
+    await runCommand('build:electron', {
+      pluginOptions: {
+        electronBuilder: {
+          chainWebpackRendererProcess: config => {
+            config.node.set('test', 'expected')
+            return config
+          }
+        }
+      }
+    })
+    const rendererConfig = buildRenderer.mock.calls[0][3].toConfig()
+    // Custom node key is passed through
+    expect(rendererConfig.node.test).toBe('expected')
+  })
+
   test('Custom main process webpack config is used if provided', async () => {
     await runCommand('build:electron', {
       pluginOptions: {
@@ -221,6 +237,23 @@ describe('serve:electron', () => {
     // Custom node key is passed through
     expect(mainConfig.node.test).toBe('expected')
   })
+
+  test('Custom renderer process webpack config is used if provided', async () => {
+    await runCommand('serve:electron', {
+      pluginOptions: {
+        electronBuilder: {
+          chainWebpackRendererProcess: config => {
+            config.node.set('test', 'expected')
+            return config
+          }
+        }
+      }
+    })
+    const rendererConfig = serve.mock.calls[0][3].toConfig()
+    // Custom node key is passed through
+    expect(rendererConfig.node.test).toBe('expected')
+  })
+
   test('If --debug argument is passed, electron is not launched and main process is not minified', async () => {
     await runCommand('serve:electron', {}, { debug: true })
     const mainConfig = webpack.mock.calls[0][0]

index.js

@@ -19,6 +19,8 @@ module.exports = (api, options) => {
     (usesTypescript ? 'src/background.ts' : 'src/background.js')
   const mainProcessChain =
     pluginOptions.chainWebpackMainProcess || (config => config)
+  const rendererProcessChain =
+    pluginOptions.chainWebpackRendererProcess || (config => config)
   api.registerCommand(
     'build:electron',
     {
@@ -111,7 +113,12 @@ module.exports = (api, options) => {
       options.baseUrl = './'
       console.log('Bundling render process:')
       //   Build the render process with the custom args and config
-      await buildRenderer(vueArgs, api, options, rendererConfig)
+      await buildRenderer(
+        vueArgs,
+        api,
+        options,
+        rendererProcessChain(rendererConfig)
+      )
       //   Copy fonts to css/fonts. Fixes some issues with static font imports
       if (fs.existsSync(api.resolve(outputDir + '/bundled/fonts'))) {
         fs.mkdirSync(api.resolve(outputDir + '/bundled/css/fonts'))
@@ -241,7 +248,7 @@ module.exports = (api, options) => {
         },
         api,
         options,
-        rendererConfig
+        rendererProcessChain(rendererConfig)
       ).then(server => {
         // Set dev server url
         mainConfig