next.js - antd 样式导入导致灯塔性能问题

Question

我正在使用 NextJS 并在 _app.js 文件中执行以下操作来导入 antd 样式：

import 'antd/dist/antd.min.css';

然后在一个页面上我有一个这样的按钮：

import { Component } from 'react';
import Button from 'antd/lib/button';

    class Performance extends Component {
        render() {
            return (
                <div>
                    <Button type="primary" aria-label="Browse jobs" size="large" href="#latest">
                        Browse jobs
                    </Button>
                </div>
            );
        }
    }
    
    export default Performance;

当我进行灯塔性能得分分析时，我总是得到低分，因为所有样式都是导入的，但大多数都没有使用。我做错了吗？例如，有没有办法只导入 Button 所需的样式？

我试过这个：

import 'antd/es/button/style/index.css';

并删除antd.min.css但按钮看起来不正确（底部有额外的填充）。

我能做些什么来改善这一点？

标签： next.jsantd