问将SCSS拆分为每个组件的文件的Next.js

EN

我是Next.js的新手，经常使用(弹出)。

在创建-反应-应用程序的配置，我能够与SCSS工作不是在CSS-模块的方法，而是与分裂的SCSS文件。

例如：

ComponentA.jsx

import React from 'react';
import './ComponentA.scss';

const ComponentA = () => {
} 

ComponentB.jsx

import React from 'react';
import './ComponentB.scss';

const ComponentB = () => {
} 

我读过以下文章：

https://medium.com/@vladymyr.pylypchatin/the-simple-way-to-use-scoped-and-global-scss-with-next-js-67cdb2d0c676

NextJS component level SASS styling

但这些解决方案不符合我的需要。

我的问题：

有一种方法可以为每个组件编写本地SCSS文件，使用put CSS模块方法或<style jsx>方法，只需为每个组件导入SCSS (就像我添加的示例中那样)？(我知道范围问题，我将手动管理类名)。

，但是在构建包时，将包保留在一个大的CSS文件中，和webpack一样。

谢谢。