默认情况下，NextJS将在开发中将<style>标记内嵌到head中（可能在后台使用style-loader）。
在生产模式下，NextJS将提取css块，并将其作为_next/static目录中的单独css文件提供。我调试了默认情况下NextJS服务的webpack-config，并注意到它使用mini-css-extract-plugin来实现这种行为。
问题是，为了满足我的需求，我还需要NextJS在生产中注入内联样式。实现这一目标的最简单方法是什么？
这是当前的next.config。我使用的js

const nextConfig = {
    useFileSystemPublicRoutes: false,
    poweredByHeader: false,
    assetPrefix: '',
    webpack(config) {
        console.dir(config.module.rules, { depth: null, colors: true });
        config.module.rules.push({
            test: /\.svg$/,
            use: ['@svgr/webpack'],
        });

        return config;
    },
};

module.exports = nextConfig;