【问题标题】:Does Create React App provides gzip compression out of the box?Create React App 是否提供开箱即用的 gzip 压缩?
【发布时间】:2020-03-01 04:46:38
【问题描述】:

Create React App 是否提供开箱即用的 gzip 压缩?

由于在控制台输出中显示如下,是否足以在生产中为它们提供服务,是否需要任何特定配置?请确认是否有人知道

gzip 后的文件大小:

88.96 KB build\static\js\2.67a35d8a.chunk.js

45.81 KB 构建\static\js\3.06562e80.chunk.js

2.17 KB 构建\static\js\4.2dca02a2.chunk.js

1.71 KB 构建\static\js\main.01ef12c5.chunk.js

【问题讨论】:

    标签: javascript reactjs typescript webpack


    【解决方案1】:

    不,它没有。事实上,它不允许我们更改它使用的 Module Bundler (Webpack) 的默认配置。如果您想提供 gzipped 压缩包以使您的应用程序在客户端加载得更快,那么您可以在https://stackoverflow.com/a/67716096/2631276找到我的答案

    【讨论】:

      【解决方案2】:

      我不这么认为,但看起来您可以在 package.json 文件中的 postbuild 脚本中自行配置。

      This 的帖子可能对您有所帮助。

      【讨论】:

      • 好的,感谢您分享您的意见,但是为什么他们把评论“gzip 之后的文件大小:
      • 我认为他们会使用 gzip 捆绑包,因为我注意到在构建过程之后进行生产,例如捆绑包 2.64df9857.chunk 大小在构建文件夹中为 283 kb,但在浏览器中,当通过提供服务时在 n/w 选项卡中签入时“serve -s build” 在浏览器中为 2.64df9857.chunk 下载的包大小仅为“89.6kb”,我很惊讶包目录中的包大小与浏览器中实际提供的包大小不同
      • 你的构建脚本是什么样的?到目前为止,我一直无法找到任何文档/论坛来确认 gzipcreate-react-app 的固有部分。这是 6 个月前的另一个 stack question,它也谈到了使用 postbuild。生产模式可以解释为什么浏览器的捆绑包大小比您的本地项目小。我不确定您的生产设置是什么样的。
      • 我的脚本部分没有改变任何东西,和原来一样
      • "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": “反应脚本弹出”},“eslintConfig”:{“扩展”:“反应应用程序”},
      猜你喜欢
      • 2019-09-13
      • 2016-04-22
      • 2010-10-31
      • 2013-03-07
      • 2021-08-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-03-29
      相关资源
      最近更新 更多