创建包含 Sass 文件的 npm React 库

Question

我正在尝试创建一个 React 库。组件导入 Sass 文件如下：

import "./cp.scss";

class Cp extends Component {
    render() {...}
}

为此，我使用 babel 通过添加以下脚本将库编译为 es5：

包.json

...
"scripts": {
  ...
  "compile": "babel -d lib/ src/" 
}

它工作正常，我得到一个看起来像这样的组件：

...
var Cp = function (_Component) {
...
exports.default = Cp;

例外的是 Babel 无法处理我的 Sass 文件。因此，当我尝试在另一个项目中导入组件时，出现以下错误

Module not found: Error: Cannot resolve 'file' or 'directory' ./cp.scss in ...

使用 webpack，我设法将我的库编译成单个 js 文件。但我想保留文件结构（就像material-ui一样），这样我就可以从其他应用程序（例如import {Cp} from 'library'.

有没有办法使用 wepback 或其他方法来处理 Sass 文件来实现相同的库输出？