如何打破Next/React导入地狱？-解网

问：

在使用 Vue 和 Nuxt 一年多后，我决定学习 React 和 Next.js，几乎立即注意到了可怕的开发人员体验。

每个样式表和组件都需要导入，因此每个组件的开头总是有臃肿的导入地狱。

更不用说你是否需要一个额外的库，因为你不能像Nuxt的选项那样挂接到任何全局对象。this.$plugin

是否有一些软件包可以管理 Nextjs 的这些导入？据我所知，每个使用它的人都不介意它，这就是让我感到惊讶的地方。

这个问题可能是对 React 的侮辱，而且确实如此，但我只想至少有一个理由加入炒作的行列，说明为什么 React 更受欢迎。

ReactJS next.js

import React from 'react';
import Document, {
    DocumentContext,
    Head,
    Html,
    Main,
    NextScript,
} from 'next/document';


export default class CustomDocument extends Document {
    static async getInitialProps(ctx: DocumentContext) {
        const initialProps = await Document.getInitialProps(ctx);
        return { ...initialProps };
    }

    render() {
        return (
            <Html lang="en">
                <Head>
                    <title>Your title</title>
                </Head>
                <body>
                <Main />
                <NextScript />
                </body>
            </Html>
        );
    }
}

并且不再需要在任何组件中导入 React。

但是无论如何都不需要在组件中导入 React。问题不在于导入“React”，而在于每次使用库和组件时都导入它们。我什至不记得，我写了多少次.这只是一件该死的苦差事，Nuxt提供了自动组件导入。为什么这还没有反应出来？？import Button from 'components/button

上一个：Laravel 的时间戳具有奇怪的返回格式

下一个：SCSS 变量未全局应用

如何打破Next/React导入地狱？

How to break out of Next/React import hell?

评论

评论