web.dev

web.dev [存档]

注意：此站点迁移到一个新平台，并且该存储库可在仅阅读模式下使用。我们不会合并新的拉请求。请在新问题跟踪器中提出内容问题。

Web.dev是所有背景开发人员在Web上学习，创建和求解的最终资源。这不仅是为了教育开发人员，而且要帮助他们将所学的知识应用于个人或业务的任何网站。

---

[存档的读书文件]

建立网站？

您需要最新版本的节点：V14（LTS）或更高版本。要检查您的节点版本在终端中运行node -v 。

如果您没有节点，或者需要升级，建议使用节点版本管理器（NVM）。

克隆仓库

git clone https://github.com/GoogleChrome/web.dev.git

将目录更改为创建的文件夹

 cd web.dev

安装依赖项

npm ci

启动本地服务器预览网站

npm run dev

打开http://localhost:8080/以查看本地网站。资产的更改将重建网站。刷新您的变化。

设置构建标志

建造整个网站可能需要一段时间，因为它大约是一千页。如果您想大大加快构建时间，我们建议设置一些构建标志以忽略某些部分。

• 在项目的根部创建.env文件
• 添加以下内容：

 # Ignore ALL site content
ELEVENTY_IGNORE=true

# Only build the directories you're working on.
# Note, this is a JSON string so you must use double quotes.
ELEVENTY_INCLUDE=["blog", "vitals"]

环境？

设置ELEVENTY_ENV=prod to to lose to lose build构建。这是运行“阶段”或“部署”时的默认值。尽管未指定，但我们的高度站点配置将默认为“开发”，但没有其他对ELEVENTY_ENV的其他选项。

当前生产构建需要大量内存，以至于node可能会在

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate * , char const * , bool) [node]

所需的确切堆空间的确切量因计算机而异以及node的版本。如果您需要本地生产构建，但记忆不足，则可以通过添加--node-options '--max_old_space_size=8192' （将8GB的堆空间分配给npm命令）来增加堆大小run例如：

ELEVENTY_ENV=prod npm --node-options ' --max_old_space_size=8192 ' run build

登台？

当您发送拉动请求时，它将自动为您上演。请留意NetLify Bot，以您的唯一URL对拉的请求发表评论。

部署网站

自动部署

该站点将每小时每小时自动建立和部署主要分支。如果您刚刚合并了一篇文章，那么它应该在下一个小时的顶部直播。

手动部署

要手动部署网站，您需要成为这些Google团队之一的成员：

• web.dev-eng
• Web.Dev拥有者

1. 导航到云构建触发器页面。
2. 单击“启用”的运行按钮。
3. 在打开的侧抽屉中，单击“运行触发”按钮以获取主分支的触发器。

注意：如果main分支机构有新提交，则Web.DEV自动部署每小时。只有在构建失败或禁用自动部署时，才应发生手动部署。

调试？

如果您需要调试网站的构建过程：

1. 向.eleventy.js添加debugger语句
2. 运行npm run debug:eleventy
3. 转到about://inspect以连接到运行过程。