Next.js 和 TypeScript 在开发中的页面构建时间很慢答案

【问题标题】：Slow page build time in development with Next.js and TypeScriptNext.js 和 TypeScript 在开发中的页面构建时间很慢
【发布时间】：2021-10-02 03:01:37
【问题描述】：

在一个项目中使用带有后端和前端的 next.js 创建了一个网站。在生产中，加载网页需要花费大量时间。下一个版本是 9.3.0。这是我的脚本。使用 scss 效果加载时间

package.json

"scripts": {
    "dev": "ts-node --compiler-options=\"{\\\"module\\\": \\\"commonjs\\\"}\" server/server.ts",
    "build": "next build",
    "start": "NODE_ENV=production 'ts-node' --compiler-options=\"{\\\"module\\\": \\\"commonjs\\\"}\" server/server.ts"
}

【问题讨论】：

标签： next.js

【解决方案1】：

我猜您正在使用npm run start 启动您的生产应用程序。从它看来，您似乎在 production 上运行 ts-node（它会即时编译 TS）。

最好在build 上编译 server.ts 步骤使用打字稿进入dist 或类似的东西，然后在@ 内的js 结果上运行节点987654326@文件夹。

【讨论】：

遇到了同样的问题，这有助于加快速度。我有server.js 而不是.ts，但其他一切都在ts/tsx 中。 Next 似乎已经为这些文件提供了一个加载器，因此不需要 ts-node。

【解决方案2】：

对于那些好奇的人，这是由 Windows Defender 引起的。 Windows Defender 延迟了 HMR（进行扫描），因为我们发出的 JavaScript 文件包含单词 eval！这就是 macOS 不受影响的原因。

【讨论】：