Next.js 应用程序不会从 React 组件套件加载捆绑的 CSS

问题描述 投票:0回答:1

我有一个 React 组件存储库。每个组件都有自己的 .css 文件,该文件会导入到组件中。然后使用汇总配置捆绑这些组件并作为 NPM 包发布。所有组件 CSS 都捆绑为 main.css

然后我将此存储库安装到 Next.js 应用程序中。虽然当我在 Next.js 应用程序中导入和使用该组件时,main.css 文件显示在节点模块中,但当我将其渲染到页面时,该组件的 CSS 不会出现。我可以将此存储库导入到 Docusaurus 等其他应用程序中,然后 CSS 就会出现。

有谁知道如何配置 Next.js 应用程序以使用此捆绑的 CSS,而无需将 CSS 物理添加到 Next 应用程序?

css reactjs webpack next.js rollup
1个回答
0
投票

很高兴知道:这与页面目录不同,在页面目录中您只能在 _app.js 文件中导入全局样式。

您下一个 js 请遵循此文档:

https://nextjs.org/docs/app/building-your-application/styling/css-modules#global-styles

© www.soinside.com 2019 - 2024. All rights reserved.