webpack目录结构是怎样的？

Question

RT

之前一直使用GULP，最新才刚接触webpack

之前的目录结构是这样的

使用gulp后，相当于压缩合并文件后复制了一份变成

dist
 --css
 --fonts
 --images
 --js
 index.html
 just-dome.html

其中app和dist目录下的html引用的JS/CSS/图片可以说是互不相干的

最近开始接触webpack

问题:

1、貌似webpack中只需要有一份html, 直接引用打包后的JS/CSS等，那么HTML文件直接放在最外层目录么？
2、HTML不能引用未打包的module.exports内容的js文件，那么调试时，全都要使用sourcemap么？
3、有哪位能发个目录结构看一下么？- -看了网上很多webpack相关内容，发现结构都不一样，对目录结构流程比较迷糊。。

不知道我现在这样的结构对不对

Answer 1

你这样的结构是没问题的，但是你第一点你以为的，错了。

webpack 只输出 js，html 引用也只引用 js，不引用 css。引用 css 的是 js 。

Answer 2

文件目录结构都是自己定的，没有绝对的正误，但是我建议按页面来划分模块，每个页面的资源（js/css/image/html）都放在同一个目录里

来看看这个系列文章《webpack多页应用架构系列（一）：一步一步解决架构痛点》和这个脚手架项目：Array-Huang/webpack-seed你就明白了哈