从Gulp.js迁移到Webpack2

Question

我正试图从gulp.js转移到webpack2，并试图研究React。所以我用Leaflet.js和React创建了一个小的“hello world”应用程序。

但是刚刚开始我对webpack有一些疑问。 我想获得以下结构：

app/
    dist/  <-- folder with built app
        images/
            vendor/
                vendor-image1.png
                vendor-image2.png
                ...
            app/
                my-image1.png
                my-image2.png
                ...
        js/
            vendor.js
            app.js
        css/
            vendor.css
            app.css
        index.html

    src/  <-- folder with my app source
        components/
            App/
                index.js
            MyMap/
                index.js
                styles.css
        index.js

要通过gulp实现此结构，我只需要为供应商和应用资源（例如vendor-css，vendor-js，app-css等）创建单独的任务，手动将所有文件列出到处理并将适当的路径放到dest，但我如何使用webpack实现此结构？

关于运行时添加的一些资源的第二个问题。例如，Leaflet在运行时添加marker-shadow.png，目前我已经有404，所以我该如何处理这些资产？