Fatal编程技术网
  • javascript/
  • Javascript webpacks（react scripts）index.html中的JS在做什么？

Javascript webpacks（react scripts）index.html中的JS在做什么？

javascript reactjs webpack

Javascript webpacks（react scripts）index.html中的JS在做什么？,javascript,reactjs,webpack,create-react-app,Javascript,Reactjs,Webpack,Create React App,我试图将React组件动态加载到另一个应用程序（也是一个简单的React应用程序）中，但无法运行index.js 我有点倾向于这篇文章，但实际上这不是问题所在 我偶然发现，生成到index.html的生成的巨大JS函数不知何故是调用我的index.JS的入口点 您需要启用JavaScript才能运行此应用程序。 !函数（c）{function e（e）{for（var r，t，n=e[0]，o=e[1]，u=e[2]，a=0，l=[]；a

我试图将React组件动态加载到另一个应用程序（也是一个简单的React应用程序）中，但无法运行index.js

我有点倾向于这篇文章，但实际上这不是问题所在

我偶然发现，生成到index.html的生成的巨大JS函数不知何故是调用我的index.JS的入口点


您需要启用JavaScript才能运行此应用程序。
!函数（c）{function e（e）{for（var r，t，n=e[0]，o=e[1]，u=e[2]，a=0，l=[]；a
目前我只包含main.js，这就是我的原型无法工作的原因，因此我想了解index.html在导入系统中实际是如何重新创建它的

我找不到任何关于这个javascript实际上在做什么的文档。有人能帮我找到这个函数在做什么的一些提示吗

该项目是一个简单的create-react应用程序。没有进行进一步的配置，但是package.json中设置的“homepage”属性找到了答案。实际上，这让我找到了正确的方向

该函数是内联的运行时块，用于保存一些网络流量

INLINE_RUNTIME_CHUNK=false

这是由于报告了这一点而实施的

reacts webpack.config.js中的代码如下所示：

      // Inlines the webpack runtime script. This script is too small to warrant
      // a network request.
      // https://github.com/facebook/create-react-app/issues/5358
      isEnvProduction &&
        shouldInlineRuntimeChunk &&
        new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime-.+[.]js/]),