Extra ./dist on asset files in prod

Hopefully this will help someone. Or maybe someone can tell what I was doing wrong to begin with. I have custom font files that were loading fine in dev. In prod, however, styles.css was looking for the font files in:

dist/dist/fontfilename.woff

Changing this line:

https://github.com/chentsulin/electron-react-boilerplate/blob/master/webpack.config.renderer.prod.js#L25

to

'publicPath: '',

fixed the problem.

[W1M0R]

I get the same issue in production if I make use of an app.global.scss (SASS) file, but not when I use an app.global.css file.

webpack.config.renderer.prod.babel.js has the following loader configuration for the global.css rule:

...
// rule extract for test: /\.global\.css$/,
{
 loader: MiniCssExtractPlugin.loader,
 options: {
   publicPath: './'
 }
},
...

But for the global.scss rule it is:

...
// rule extract for test: /\.global\.(scss|sass)$/,
{
 loader: MiniCssExtractPlugin.loader,
},
...

In other words, the global SASS rule is missing the publicPath option. After adding the same publicPath option to the global.scss rule, the issue was resolved for me.

[toioski]

@W1M0R you saved my day, thanks a lot!