Repository navigation
How to change output filename of runtime chunk? #5358
Description
currently the output is runtime~xxx.[hash].js
How do I change that? I can't make it work on cloudfront to serve files with ~ in the filename...
Example:
S3: https://s3.eu-central-1.amazonaws.com/timesheet-app.topmonks.com/static/js/runtime~main.229c360f.js Works
CF: https://timesheet-app.topmonks.com/static/js/runtime~main.229c360f.js doesn't work
Thanks a lot
Edit:
Proposed changes:
webpack.prod InlineChunkHtmlPlugin
new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime-.+[.]js/])runtimeChunk: {
name: entrypoint => `runtime-${entrypoint.name}`,
},Edit: seems like the cloudfront link somehow works now, anyway I would perform the change anyway as imo ~ is not the best idea for file naming.
Activity
Timer commentedon Oct 8, 2018
This is probably a bad default name, we should replace the
~with something else.march08 commentedon Oct 8, 2018
Mm ok, just found it here if there is anyone with the same situation.
I assume that without ejecting, I can do nothing here?
Timer commentedon Oct 8, 2018
If your app isn't embedded in a larger app, you shouldn't need this file for your app to function. Just delete it. 😄
march08 commentedon Oct 8, 2018
I would have to delete all the references from the build folder.
At this moment I receive mixes content (http(s)) and the serviceWorker is not up...
yordis commentedon Oct 11, 2018
I think we should replace it with
-instead of~.@Timer we are embedded 😢
pjoe commentedon Jan 25, 2019
Having the same issue. Who came up with putting ~ in the file name 😮
Filenames should only contain 1 and 0 😛
adamplabarge commentedon Apr 19, 2019
+1 for changing the ~ to something else. . -_ would all be better options.
iansu commentedon Apr 19, 2019
This is not something we're doing in our webpack config. These are the default names that webpack uses for chunks. I'm not sure that we can easily change them. You might want to file an issue with webpack and then link to it here.
march08 commentedon Apr 29, 2019
I've attached links to files where the problem is in the webpack configuration
change runtime chunk name tilde is now dash (react#5358)
javadoug commentedon Sep 13, 2019
My company has a firewall rule that rejects any url with ~ in it. I need this fix (would not want to eject) for this issue.
Per Webpack #runtimeChunk documentation the config change is easily done as noted by op.
PR provided #7679
If this fix is already provided elsewhere I will gladly close.
update inline chunk html plugin config for new chunkname with dash (r…