【问题标题】:Build files name change - files that are generated from create react app构建文件名称更改 - 从创建反应应用程序生成的文件
【发布时间】:2019-09-25 03:50:08
【问题描述】:

通过create react app生成的build文件每次都有不同的名字(hash code)。

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

有没有可能做同样的事情?

【问题讨论】:

  • 有没有办法做到这一点而不弹出

标签: reactjs create-react-app


【解决方案1】:

您可以通过在 webpack 配置中自定义 filename 属性来更改输出文件名 -- 参考 https://webpack.js.org/guides/caching/

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

如果您将名称更改为常量,您可能需要手动清除浏览器缓存/禁用缓存以立即查看您的更改。 (我认为...仅适用于 prod 模式,因为 dev 模式使用热模块替换)

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

  1. npm run eject 这将从 CRA 中展开隐藏的配置并显示一些额外的配置文件夹

  2. 移至配置文件夹。

  3. 编辑文件 webpack.config.js(在第 172 - 180 行附近,您可以看到 filename: 部分的定义)

【讨论】:

  • 感谢您的回复。我可以知道在哪里可以找到使用 create react app 生成的应用程序文件吗?
  • 您需要先弹出应用程序。我会更新答案来做到这一点
  • 请注意,如果您退出应用程序,您将不得不自己开始维护 webpack 配置,并且您从标准派生。 medium.com/curated-by-versett/…
【解决方案2】:

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

【讨论】:

  • craco 不支持将 __filename 添加到“node”属性
猜你喜欢
  • 1970-01-01
  • 2018-10-26
  • 2014-05-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-04
  • 2019-02-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多