如何给 create-react-app 添加构建时间

如何给 create-react-app 添加构建时间

💡 原文中文,约1900字,阅读约需5分钟。
📝

内容提要

本文介绍了向页面中注入构建时间的方法,包括修改create-create-app配置和使用craco配置。无论使用哪种方式,都可以在构建后的html文件中看到构建时间的meta标签。作者还提到可以自定义其他属性,并在html文件中使用。

🎯

关键要点

  • 可以通过配置向页面中注入构建时间,方便查看页面是否已更新。
  • 修改 create-create-app 的配置可以在页面头部添加构建时间的 meta 标签。
  • 使用 webpack 的 HtmlWebpackPlugin 插件可以在 html 文件中读取构建配置,添加 meta 标签。
  • 不推荐使用 npm run eject 来暴露所有配置,因为解压过程不可逆。
  • 可以在 config/webpack.config.js 中添加 meta 属性以显示构建时间。
  • 可以自定义其他属性并在 html 文件中使用。
  • 使用 craco 配置可以在无需 eject 的情况下修改 HtmlWebpackPlugin 的配置。
➡️

继续阅读