11---
2- source-updated-at : 2025-05-29T18:05:49 .000Z
3- translation-updated-at : 2025-05-29T19:34:40.702Z
2+ source-updated-at : 2025-05-30T16:38:07 .000Z
3+ translation-updated-at : 2025-05-30T16:41:46.165Z
44title : Next.js 8.0.4 版本发布
55description : >-
6- Next.js 8.0.4 带来了构建性能提升、更小的打包体积、更健壮的默认配置等多项改进 。
6+ Next.js 8.0.4 带来了构建性能提升、更小的打包体积、更健壮的默认配置等改进 。
77author :
88 - name : Connor Davis
99 image : /static/team/connor.jpg
@@ -26,79 +26,62 @@ image: >-
2626* [ 确定性构建] ( #build-performance )
2727* [ 更小的客户端运行时] ( #smaller-runtime-footprint )
2828* [ 更小的无服务函数] ( #smaller-runtime-footprint )
29- * [ 默认视口标签 ] ( #default-viewport-meta-tag )
29+ * [ 默认 viewport 标签 ] ( #default-viewport-meta-tag )
3030* [ 学习指南改进] ( #learning-guide-improvements )
3131
3232一如既往,我们确保所有这些改进都** 完全向后兼容** 。对于大多数 Next.js 应用,您只需运行:
3333
34- ``` bash filename="Terminal "
34+ ``` bash filename="终端 "
3535npm i next@latest react@latest react-dom@latest
3636```
3737
3838[ 构建性能] ( #build-performance )
3939---------------------------------------
4040
41- Next.js 现在采用确定性构建 ,这意味着如果代码未更改,每次构建输出都将保持一致。
41+ Next.js 现在构建结果更具确定性 ,这意味着如果代码未更改,每次构建输出都将保持一致。
4242
43- 这使得构建过程中的更多工作可以被缓存,从而在首次构建后显著加快生产代码的重建速度 。
43+ 这使得构建过程中的更多工作可以被缓存,从而在首次构建后能更快地重新构建生产代码 。
4444
45- 我们的测量显示,大量构建时间花费在 JavaScript 压缩上 。由于构建输出现在更具确定性,压缩文件已存在于缓存中的概率更高 。
45+ 我们的测量显示,大量构建时间花费在 JavaScript 代码压缩上 。由于构建输出现在更具确定性,压缩文件已存在于缓存中的几率更大 。
4646
47- [ 部署到 Vercel] ( https://vercel.com/guides/deploying-nextjs-with-vercel ) 的用户将自动享受这些缓存优化 。
47+ [ 部署到 Vercel] ( https://vercel.com/guides/deploying-nextjs-with-vercel ) 的用户将自动体验这些缓存改进 。
4848
49- 我们简化了服务端 ` next/dynamic ` 的清单文件,现在只包含异步加载的模块。这个简化后的清单计算更快且生成的 JavaScript 更少 。
49+ 我们简化了服务端 ` next/dynamic ` 的清单文件,现在只包含异步加载的模块。这种简化的清单计算更快,生成的 JavaScript 也更少 。
5050
51- CircleCI 用户应该会注意到构建时间缩短 。之前由于 CircleCI 环境未能准确反映可用 CPU 数量,导致工作进程分配过多 。Next.js 现在能检测 CircleCI 环境并根据可用资源设置合适的 CPU 数量。
51+ CircleCI 用户应该会注意到构建时间变快 。之前由于 CircleCI 环境未能准确反映可用 CPU 数量,导致工作进程被过度调度 。Next.js 现在能检测 CircleCI 并根据可用资源设置合适的 CPU 数量。
5252
5353[ 更小的运行时体积] ( #smaller-runtime-footprint )
5454-------------------------------------------------------
5555
56- 与前一版本相比, Next.js 现在生成的客户端 JavaScript 减少了 ** 5.58KB** ,HTTP 负载也更小。
56+ Next.js 现在生成的客户端 JavaScript 比上一版本 ** 减少了 5.58KB** ,HTTP 负载也更小。
5757
58- [ ` withRouter ` ] ( /docs#using-a-higher-order-component ) 不再依赖 ` hoist-non-react-statics ` ,包体积因此减小了 ** 3KB** 。` withRouter ` 仍会提升 ` getInitialProps ` ,但不再提升其他静态属性 。
58+ [ ` withRouter ` ] ( /docs#using-a-higher-order-component ) 不再依赖 ` hoist-non-react-statics ` ,包体积因此 ** 减小了 3KB** 。` withRouter ` 仍会提升 ` getInitialProps ` ,但不会提升其他静态属性 。
5959
6060` next/babel ` 预设已优化,可生成更精简、更快的 JavaScript 代码。
6161
62- 移除了 ` X-Powered-By ` 头部,减小了 HTTP 负载。我们调查发现社区中该头部在生产环境常被禁用,因此决定移除。这也意味着如果您的项目中启用了 ` poweredByHeader ` 选项,现在可以从 ` next.config.js ` 中移除该配置 。
62+ 移除了 ` X-Powered-By ` 头部,减小了 HTTP 负载大小。我们调查社区后发现该头部在生产环境经常被禁用,因此决定移除它。这也意味着如果您的项目中启用了该选项,可以从 ` next.config.js ` 中移除 ` poweredByHeader ` 配置 。
6363
64- 我们对 Next.js 的依赖树和整体代码库进行了多项优化,使得每个无服务函数都减少了 ** 44KB ( 5.44KB gzip) ** 。
64+ 我们对 Next.js 依赖树和整体代码库进行了多项优化,使得每个无服务函数都 ** 减小了 44KB(gzip 后 5.44KB) ** 。
6565
66- 无服务函数的大小直接影响启动性能 ,更小的函数意味着更快的启动。
66+ 无服务函数大小直接影响无服务启动性能 ,更小的函数意味着更快的启动。
6767
68- 8.0
68+ | | 8.0 | 8.0.4 | 差异 |
69+ | --- | --- | --- | --- |
70+ | 无服务页面大小 | 259 KB | 215 KB | ** 17%** _ 减小_ |
71+ | 无服务页面大小 (gzip) | 62.3 KB | 56.8 KB | ** 9%** _ 减小_ |
6972
70- 8.0.4
73+ 在 Next.js 8 发布后,我们收到少量用户报告在 Next.js 之外导入 React 组件时遇到问题(例如测试套件中)。这是由于 ` next ` 的导入被重写到了 Next.js 代码库中的正确文件,但该优化被应用到了所有使用 ` next/babel ` 预设的用户。现在该优化已移至 Next.js 构建流程内部,不再与用户的 babel 配置冲突。
7174
72- 差异
73-
74- 无服务页面大小
75-
76- 259 KB
77-
78- 215 KB
79-
80- 减小 ** 17%**
81-
82- 无服务页面大小 (gzip)
83-
84- 62.3 KB
85-
86- 56.8 KB
87-
88- 减小 ** 9%**
89-
90- 在 Next.js 8 发布后,我们收到少量用户报告在 Next.js 外部导入 React 组件时遇到问题(例如测试套件中)。这是由于 ` next ` 的导入被重写到了 Next.js 代码库中的正确文件,但该优化被应用到了所有使用 ` next/babel ` 预设的用户。现在该优化已移至 Next.js 构建流程内部,不再与用户的 babel 配置冲突。
91-
92- [ 默认视口 Meta 标签] ( #default-viewport-meta-tag )
75+ [ 默认 Viewport Meta 标签] ( #default-viewport-meta-tag )
9376-------------------------------------------------------
9477
95- Next.js 的目标之一是为构建 Web 应用提供最佳默认配置。为了减少在 Next.js 中实现 CSS 媒体查询时所需的设置工作 。
78+ Next.js 的目标之一是为编写 Web 应用提供最佳默认配置。为了减少在 Next.js 中实现 CSS 媒体查询时需要进行的设置工作 。
9679
9780默认情况下,浏览器处理 CSS ` @media ` 查询和缩放的方式与预期不符,这可能导致编写 CSS ` @media ` 查询时出现意外的不一致。
9881
99- 几乎所有 Next.js 用户都会通过添加 ` viewport ` meta 标签来解决这些问题 。
82+ 几乎所有情况下, Next.js 用户都会添加 ` viewport ` meta 标签来解决这些不一致问题 。
10083
101- 从 8.0.4 版本开始,在大多数情况下不再需要手动添加此标签 。如果应用未设置 ` viewport ` ,将自动应用默认配置:
84+ 从 8.0.4 版本开始,大多数情况下不再需要手动添加 ` viewport ` 标签 。如果应用未设置 ` viewport ` ,将自动应用默认配置:
10285
10386```
10487<meta
@@ -107,7 +90,7 @@ Next.js 的目标之一是为构建 Web 应用提供最佳默认配置。为了
10790/>
10891```
10992
110- 仍可通过 ` next/head ` 覆盖默认视口标签 :
93+ 仍然可以通过 ` next/head ` 覆盖默认 viewport 标签 :
11194
11295``` js filename="pages/index.js"
11396import Head from ' next/head' ;
@@ -128,18 +111,18 @@ function HomePage() {
128111export default HomePage ;
129112```
130113
131- 感谢 [ Jason Miller] ( https://twitter.com/_developit ) 对此变更的合作与实现 。
114+ 感谢 [ Jason Miller] ( https://twitter.com/_developit ) 合作并实现这一变更 。
132115
133116[ 新的 ` @next/mdx ` 插件] ( #new-nextmdx-plugin )
134117---------------------------------------------
135118
136- [ MDX] ( https://mdxjs.com/ ) 允许您在 Markdown 文档中编写 JSX。您可以使用常规的 Markdown 语法编写内容,并通过导入 React 组件为文档添加交互式和动态内容 。
119+ [ MDX] ( https://mdxjs.com/ ) 允许您在 Markdown 文档中编写 JSX。您可以使用常规 Markdown 语法编写内容,并导入 React 组件来增强文档的交互性和动态性 。
137120
138- 为 Next.js 提供 MDX 支持的插件 ` @zeit/next-mdx ` 已迁移至 [ Next.js GitHub 仓库] ( https://github.com/vercel/next.js/tree/canary/packages/next-mdx ) ,现在以 [ ` @next/mdx ` ] ( https://www.npmjs.com/package/@next/mdx ) 的形式提供 。
121+ 为 Next.js 提供 MDX 支持的插件 ` @zeit/next-mdx ` 已移至 [ Next.js GitHub 仓库] ( https://github.com/vercel/next.js/tree/canary/packages/next-mdx ) ,现在以 [ ` @next/mdx ` ] ( https://www.npmjs.com/package/@next/mdx ) 形式提供 。
139122
140- 安装方式 :
123+ 安装方法 :
141124
142- ``` bash filename="Terminal "
125+ ``` bash filename="终端 "
143126npm i @next/mdx @mdx-js/loader
144127```
145128
@@ -150,18 +133,18 @@ const withMDX = require('@next/mdx')();
150133module.exports = withMDX();
151134```
152135
153- 未来会有更多 Next.js 插件迁移至 Next.js 仓库,以便与 Next.js 核心同步发布并通过 Next.js 测试套件验证 。这样可以确保热模块替换、生产构建等功能与插件良好协作 。
136+ 未来会有更多 Next.js 插件被移入 Next.js 仓库,以便与 Next.js 核心一起发布,并通过 Next.js 测试套件进行测试 。这样可以确保热模块替换、生产构建等功能与插件良好配合 。
154137
155138[ 学习指南改进] ( #learning-guide-improvements )
156139-----------------------------------------------------------
157140
158- [ Next.js Learn] ( https://nextjs.org/learn ) 是一个包含测验和示例的 Next.js 渐进式学习指南 。
141+ [ Next.js Learn] ( https://nextjs.org/learn ) 是一个包含测验和示例的 Next.js 分步学习指南 。
159142
160- 该网站最近使用 MDX 重建,使得贡献比以往更容易。欢迎任何人参与 [ 学习网站] ( https://github.com/vercel/next-site/labels/learn ) 的贡献 !
143+ 该网站最近使用 MDX 重建,使得贡献比以往更容易。我们欢迎任何人贡献到 [ 学习网站] ( https://github.com/vercel/next-site/labels/learn ) !
161144
162- 网站还升级使用了 [ Next.js 无服务目标] ( /docs#serverless-deployment ) ,该功能在 [ Next.js 8] ( https://nextjs.org/blog/next-8#serverless-nextjs ) 中引入,确保网站在全球范围内快速扩展并为用户提供优质体验 。
145+ 网站还升级使用了 [ Next.js 无服务目标] ( /docs#serverless-deployment ) ,该功能在 [ Next.js 8] ( https://nextjs.org/blog/next-8#serverless-nextjs ) 中引入,确保网站在全球范围内都能快速扩展并为用户提供良好体验 。
163146
164- 我们收到了大量关于内容改进的社区反馈,并在过去几周内持续优化 。[ Next.js Learn] ( https://nextjs.org/learn ) 现在包含更新的示例和更详细的章节说明,使指导更易于理解 !
147+ 我们收到了大量关于内容改进的社区反馈,过去几周一直在根据反馈进行改进 。[ Next.js Learn] ( https://nextjs.org/learn ) 现在更新了示例,并在每个部分增加了更多细节,使说明更易于理解 !
165148
166149![ Next.js 学习网站] ( https://h8DxKfmAPhn8O0p3.public.blob.vercel-storage.com/static/blog/next-8-0-4/next-learn.png )
167150
@@ -170,13 +153,13 @@ Next.js 学习网站
170153[ 贡献] ( #contributions )
171154-------------------------------
172155
173- 我们非常高兴看到 Next.js 采用率的持续增长:
156+ 我们非常高兴看到 Next.js 采用率持续增长。
174157
175- * 已有超过 ** 660 位贡献者**
158+ * 我们已有超过 ** 660 位贡献者**
176159* 在 GitHub 上,项目获得了超过 ** 36,150 次星标**
177- * 自首次发布以来提交了超过 ** 2,950 个拉取请求**
160+ * 自首次发布以来,已提交超过 ** 2,950 个拉取请求**
178161
179- 我们要感谢所有为这个 Next.js 版本做出贡献的人。无论是贡献核心代码还是扩展和完善我们不断增长的 [ 示例目录] ( https://github.com/vercel/next.js/tree/canary/examples ) ,我们珍视每一份贡献 。
162+ 我们要感谢所有为这个 Next.js 版本做出贡献的人。无论是贡献核心代码,还是扩展和改进我们不断增长的 [ 示例目录] ( https://github.com/vercel/next.js/tree/canary/examples ) ,我们都感谢所有贡献 。
180163
181164如果您想开始为 Next.js 做贡献,带有 [ good first issue] ( https://github.com/vercel/next.js/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22good+first+issue%22 ) 或 [ help wanted] ( https://github.com/vercel/next.js/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22help+wanted%22 ) 标签的 issue 是不错的起点。
182165
@@ -185,6 +168,6 @@ Next.js 学习网站
185168
186169Next.js 社区已增长至超过 ** 6,000 名成员** 。
187170
188- GitHub discussions 是一个可以讨论 Next.js、获取问题解决建议、 并用您的 Next.js 知识帮助其他社区成员的地方。
171+ GitHub discussions 是一个您可以讨论 Next.js、获取问题解决建议, 并用您的 Next.js 知识帮助其他社区成员的地方。
189172
190- [ 立即加入 GitHub 社区 !] ( https://github.com/vercel/next.js/discussions )
173+ [ 立即加入 GitHub 上的社区 !] ( https://github.com/vercel/next.js/discussions )
0 commit comments