我有用于不同布局的自定义CSS文件,在开发模式下没有问题,但是当我在生产模式下发布应用程序时,Nextjs结合了所有CSS并导致布局出现问题。
答案 0 :(得分:0)
通常,在build
之后,我们将所有CSS
和JS
chunks
推入static
文件夹中,以便当服务器请求所请求的页面{{1 }}从该Next Js
文件夹中投放(取决于请求)。
Server.js :
static
在const staticDir = path.resolve(__dirname, "..", ".next/static");
server.use(compression());
server.use("/_next/static", express.static(staticDir));
server.get("/_next/*", (req, res) => {
/* serving _next static content using next.js handler */
handle(req, res);
});
server.get("/static/*", (req, res) => {
/* serving _next static content using next.js handler */
handle(req, res);
});
文件中添加以下行,并共享在_document.js
中添加的配置。
_document.js
//渲染应用程序和页面,并获取具有所收集副作用的页面上下文。
next.config.js