javascript - 如何将异步属性添加到 React 脚本生成的脚本(在 create-react-app 模板的 npm run build 阶段)

Question

我想推迟解析由于构建期间的转译而生成的脚本。我已将异步添加到我的 index.html 页面上的所有其他标签。但是，由于主 js 文件是在构建期间注入(inject)到页面中的，因此变得更加困难。

有没有办法告诉 babel/react-scripts 将 async 属性添加到注入(inject)的 js 标签中？

Answer 1

我最近刚开始使用 create-react-app 时也遇到了这个问题。但是，我的问题出在静态预呈现页面的上下文中。我正在使用 react-snap它具有以下配置选项:

"reactSnap": {
  "asyncScriptTags": true
}

这会将 async 属性添加到生成页面的 main.js 脚本标记中。希望这会有所帮助。