webpack: packaged app has incorrect reference to renderer index.js

[malept]

Preflight Checklist

• I have read the contribution documentation for this project.
• I agree to follow the code of conduct that this project follows, as appropriate.
• I have searched the issue tracker for an issue that matches the one I want to file, without success.

Issue Details

• Electron Forge Version:
  • 6.0.0-beta.42
• Operating System:
  • all
• Last Known Working Electron Forge version::
  • 6.0.0-beta.39

Please describe your issue:

When a Forge project using the Webpack template is packaged, the renderer file should be referenced as ../main_window/index.js, not /main_window/index.js.

Please provide either a failing minimal testcase (with a link to the code) or detailed steps to
reproduce your problem. Using electron-forge init is a good starting point, if that is not the
source of your problem.

On Linux:

$ npx --no-install --ignore-existing create-electron-app --template=webpack webpack-test
✔ Initializing Project Directory
✔ Initializing Git Repository
✔ Copying Starter Files
✔ Initializing NPM Module
✔ Installing NPM Dependencies
✔ Locating custom template: "webpack"
✔ Installing Template Dependencies
✔ Setting up Forge configuration
✔ Setting up webpack configuration
$ cd my-new-app
$ npm run package
✔ Checking your system
✔ Compiling Main Process Code
✔ Compiling Renderer Template
✔ Preparing to Package Application for arch: x64
✔ Preparing native dependencies
✔ Packaging Application
$ out/my-new-app-linux-x64/my-new-app

Please note: this bug is confirmed. Any comment that says anything to the effect of "I also have this problem" will be minimized.

[shimaore]

My fix in #1021 was incorrect.

I'll do a new PR.

[malept]

Much appreciated!

[shimaore]

#1035 should be at the right place this time

[rafael-trevisan]

The path for the index.js seems to be correct in the 6.0.0-beta.43 but some css I am importing in the renderer.js are not being loaded now.

import $ from 'jquery';
import '@progress/kendo-ui';
import '@progress/kendo-theme-bootstrap';
import './index.css';

console.log('👋 This message is being logged by "renderer.js", included via webpack');

The packaged app is looking at the renderer/main_window/ for these 2 css files, but they are actually located in the renderer/ folder.