捆绑SCSS以获取React组件的{NPM包>版本

Question

我在webpack配置中定义了一个SASS加载器：

module: {
        loaders: [
            {
              test: /\.scss$/,
              loaders: ['style', 'css', 'sass']
            }, 
           //... other loaders
        ]
}

这允许我为我的组件导入SASS：

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

 export default class Dashboard extends React.Component { ...

然而，当我准备发布包时 - 我使用BabelJS而不是Webpack，因为我不需要捆绑包但每个组件都有一个单独的文件：

babel src --out-dir dist

这自然不捆绑SCSS，因为未调用加载器。当我使用该软件包时，出现错误：

  Module not found: Error: Cannot resolve 'file' or 'directory' 
 ./Dashboard.scss in 
 /Users/Guy/Documents/Guy/jupiterRising/node_modules/project-dashboard/Dashboard
 @ ./~/project-dashboard/Dashboard/Dashboard.js 13:0-27

如何在不使用webpack进行捆绑的情况下正确捆绑我的SCSS以进行NPM包发布？