javascript - NextJS 中的多个布局或条件 css 导入

标签 javascript webpack next.js

我正在努力将遗留应用程序迁移到 Nextjs。该应用程序有两种布局:publicadmin 部分。每个布局都有它自己的 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/

相关文章:

javascript - Google Analytics 上的高级过滤以获取引荐并将其转换为外部链接

javascript数组到数组

javascript - Jquery - 为 mouseout 扩展 'perimeter' 的技术?

javascript - 下载一个文件,片段存储在多个服务器上(HTTP)

reactjs - 我的 npm start for React 教程项目无法正常工作

angular - 如何配置以在 Angular cli 中包含 Compass

node.js - next.js 的缺点超过 create react app + redux + ssr

reactjs - 使用 SWR 单击时向 API 路由发出请求时出现太多重新呈现错误

javascript - 如何在 Next.js 中获取仅限 http 的 cookie 值?

python - 如何将文件从 React/Next.js 客户端 UI 发送到 Node 服务器和 Flask 服务旁边