使用SystemJS进行开发，使用webpack进行生产

Question

我试图同时使用两者，但我不知道该怎么做。

我在/ dev中有一个名为index.html的文件，其中包含我的systemjs代码：

<!-- ... -->
<script src="config/systemjs.config.js"></script>
<script>
    System.import("app").catch(function (err) {
        console.error(err);
    });
</script>
<!-- ... -->

然后我让/index.html由webpack生成。

我遇到的问题是webpack无法找到我以SystemJS可以加载它们的方式指定的资产或模板：

@Component({
    selector: "footer",
    templateUrl: "app/templates/structure/footer.html",
    styleUrls: ["assets/stylesheets/footer.min.css"]
})
export class FooterComponent {
}

我收到错误：

ModuleNotFoundError: Module not found: Error: Can't resolve
'./assets/stylesheets/footer.min.css' in 'MyVeryVeryLongPath\app\components\structure'

如何让webpack和SystemJS都能找到该文件？

我认为它可能与angular2-template-loader有关。

更新： 因为我怀疑我遇到的问题与angular2-template加载器有关。更确切地说，这是我的问题：https://github.com/TheLarkInn/angular2-template-loader/issues/20