如何在nx集成的monorepo中从react库导入css文件到next.js应用程序?

Question

谁能帮助在nx next.js项目的资产配置。我有多个库和一个next.js项目。我有两个问题

1. 这些库中有一些是从node_modules中导入的.css文件全局css冲突导致构建失败
2. 如何从库中导出css文件并在主应用程序中使用

Answer 1

对于第一个问题，似乎下一个13.0.3会导致从node_modules导入的全局.css由于全局css冲突约束而失败。根据我的发现，只有当import语句在库中时才会发生这种情况。如果在nextjs页面中直接导入，则构建成功。

暂时解决办法:

• 将nextjs降级到13.0.2或
• 在应用中导入全局css

42615https://github.com/vercel/next.js/releases/tag/v13.0.3

似乎(不确定)这是导致NX lib导入全局css在nextjs失败的罪魁祸首。https://github.com/vercel/next.js/pull/42615