CSS paths cannot be resolved in prod

I created a theme.scss file in src with variables:

$body-background-color: white;
$body-background-image: url("/assets/images/bg-hexa-gray-flat.png");
$body-background-position: top left;
$body-background-repeat: repeat;

$sidepanel-background-color: white;
$sidepanel-background-image: url("/assets/images/bg-hexa-red-flat.png");
$sidepanel-background-position: top left;
$sidepanel-background-repeat: repeat;

It works with npm start but once I run electron in prod, I get an error file file:///assets/images/bg-hexa-gray-flat.png not found. How do you make your CSS paths work in prod?

[cyrilfr]

I found a solution by adding an alias to the webpack config file:

config.resolve = {
  alias: {
    assets: path.resolve(__dirname, "src/assets")
  }
};

and then use url like this: url("~assets/images/bg-hexa-gray-flat.png").

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.