我正在努力将遗留应用程序迁移到 Nextjs。该应用程序有两种布局:public 和admin 部分。每个布局都有它自己的 css 文件。由于 nextjs 的限制,当您只能在自定义 _app.js 文件中导入 css 时,我无法拆分布局。我不想将管理 css 包含到公共(public)布局中,反之亦然。在这种情况下我能做什么?
我尝试使用 styled-jsx
,但它带来了更多问题。我无法用 css.globe``
将整个 css 文件用千行包装起来,因为有很多错误,例如 我们不支持嵌套
等.
最佳答案
您可以将文件放在/public 文件夹中,然后手动管理 css。手动管理包含的样式的好地方是自定义 _document.jsx 页面。
请注意,您可以通过执行此操作解决下一个问题。这些文件不会与您的其他 css 文件捆绑在一起。它们也将通过 url 向公众提供。
关于javascript - NextJS 中的多个布局或条件 css 导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66169658/