创建npm React库，包括Sass文件

Question

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

import "./cp.scss";

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

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

的package.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文件来实现相同的库输出？