生成文件名称更改-从create react应用程序生成的文件

Question

通过create react应用程序生成的构建文件每次都具有不同的名称（哈希码）。

我想为生成的文件指定一个自定义名称。

是否有可能这样做？

Answer 1

您可以通过定制webpack配置来更改输出文件名。请参阅https://webpack.js.org/guides/output-management/

之所以保留默认实现，是因为因为每次构建资产时，它都会生成一个新名称，并且浏览器将无法提供缓存的响应。

如果将名称更改为常量，则可能需要手动清除浏览器缓存/禁用缓存以立即查看更改。 （我认为...仅在生产模式下适用，因为开发模式使用热模块替换）

在CRA中更改文件名的步骤。

1. `npm run eject` This will unwind the hidden configs from CRA and show some additional config folders

2. Move to the config folder.

3.Edit file webpack.config.js (Somewhere around line 172 - 180 you can see filename: section where this is defined)

Answer 2

根据我的评论，如果您绝对必须更改Webpack配置，则还可以考虑以下库：

• Craco
• Rescripts