NextJS生产CSS构建

时间:2020-06-27 12:06:17

标签: css reactjs webpack next.js

我有用于不同布局的自定义CSS文件,在开发模式下没有问题,但是当我在生产模式下发布应用程序时,Nextjs结合了所有CSS并导致布局出现问题。

1 个答案:

答案 0 :(得分:0)

通常,在build之后,我们将所有CSSJS 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