NextJS 9-压缩最佳实践

Question

对于使用内置api (/pages/api)的新选项，在客户端js上实现best的新最佳实践方法是什么？

我最近才开始将我的应用程序转换成NextJS，所以我还在学习，但在我的灯塔报告中，我注意到在转换一切的过程中，NextJS并没有在生产中压缩任何东西。

Answer 1

您可以考虑使用now部署next.js应用程序。

它在网络/托管层透明地处理压缩，而且相当不错。设置很简单。看看这里，https://zeit.co/docs/v2/network/compression。

最棒的是，它是免费的。

我也在我的website上使用它，我在灯塔速度测试中获得了相当不错的分数。

Answer 2

为了回答我自己的问题，在我的项目中以一种非理想的方式来修复这个问题，作为一种权宜之计，就是在根目录中创建一个server.js文件(自定义服务器方法)并粘贴它……

process.env.NODE_ENV = "production";
const compression = require("compression");
const express = require('express');
const next = require('next');
const port = parseInt(process.env.PORT, 10) || 3000;
const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
    const server = express();
    if (!dev) {
        server.use(compression());
    }
    server.all("*", (req, res) => {
        return handle(req, res)
    });
    server.listen(port, err => {
        if (err) throw err
        console.log(`> Ready on http://localhost:${port}`)
    })
});

并将npm start命令更改为以下内容....

"start": "node server.js"

它使用NextJS自定义服务器处理程序处理所有请求(get/post/delete等)，但始终附加压缩。