如何在现有HTML项目加入webpack打包？

之前没有很关注webpack，但是现在遇到个不得不打包的html项目。
由于官方文档只介绍配置示例，所以很难有代入感。我认认真真看了官方文档1/3的内容且做了笔记，对于打包现有项目，依然没有头绪。

我自己配置了webpack，但是只能打包裸漏出来的文件内容：

它如何将复杂的项目结构依赖打包?
比如我有个项目，目录结构如下：

|-index.html
|-css
    |-1.css
    |-2.css
    |-folder
|-fonts
|-images
|-imgs
    |-folder
|-js
    |-1.js
    |-folder
|-ring
    |-css
    |-images
    |-js
    |-edit.html
    |-pc.html
|-vtour
    |-css
    |-images
    |-js
    |-xml
    |-pc.html