production build: change name

[bertdeterd]

Is this a bug report?

No. Just a question

Question

Is het possible to change the production build .js name?

npm run build
is now generating a file with a name like :

runtime~main.fdfcfda2.js
(using react-scripts 2.1.5)

The issue I am having is that when I deploy to an SAP server it is failing because the special character '~` in the file is not allowed.

I think it is more a SAP problem but maybe it is simple to change the generated name (without ejecting ofcourse)

btw: is it important to have this special character in the name?

[petetnt]

I think the changes required for this would be changing this:

create-react-app/packages/react-scripts/config/webpack.config.js

Line 254 in 1548a0a

runtimeChunk: true,

to

    runtimeChunk: {
      name: entrypoint => `runtime-${entrypoint.name}`
    }

and

create-react-app/packages/react-scripts/config/webpack.config.js

Line 549 in 1548a0a

new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime~.+[.]js/]),

to

 new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime-.+[.]js/]),

Not sure if the special character there is for some special reason, probably not. Would you like to submit a PR?

[thelumpsterific]

I experienced the same issue when trying to copy the build directory to test in SharePoint, tildes ~ are not allowed. And I had to change runtimeChunk to this instead of what was previously mentioned to work, not sure why:

runtimeChunk: { name: entrypoint => 'runtime-' + entrypoint.name }

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[robb1ssell]

Wondering if this is going to be implemented soon. There doesn't seem like there are any advantages to a tilde over a dash, and it causes unwanted problems. I'd prefer not to have to change the config for every single app :)

[ianschmitz]

I think tilde is also the default for webpack chunk naming as well. I wonder why tilde is used as the default?

https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksautomaticnamedelimiter

[robb1ssell]

webpack/webpack#6710

Seems like webpack just started it that way, but when questioned about it, didn’t really push back that there was a reason for it. They added the ability to change it in a release soon after.

Would changing it in the default CRA config have any adverse effects? I can’t think of any.