仅在next.js中导入必要的sass类

因此，我有一个main.scss文件，其中我导入了所有其他用于各种页面、组件等的scss文件。然后在app.jsx中我导入main.scss，因此我不必单独导入每个文件。有没有办法在我拥有的每个next.js页面上只导入必要的scss文件，而不单独导入所有这些文件？我想提高加载速度并总体优化应用程序，因为lighthouse report说加载过多的样式需要很多时间（最终结果是我得到了所有的文件，包括我在页面上没有使用的文件。

也许PurgeCSS是你要找的：