如何同时支持CSS模块和普通CSS的Next.js 7，其行为与CRA相同

Question

我希望Next.js 7同时支持CSS模块和普通CSS，并且行为与CRA相同。

我发现了这一点：https://gist.github.com/Grsmto/8e7ade37862f1c8b4d019da8dd423450 。但不适用于NextJS7。他们在那里使用mini-css-extract-plugin。

那有什么解决方案？

Answer 1

请按照以下步骤操作：

• 为每个必需的组件在Head组件（next/head）中添加普通的CSS文件
  • 如果所有人之间都通用，则可以直接将其放入_app.js文件中。
• 然后按照说明here将css module加载到next.config.js文件中