webpack-层级结构调整

本章节的内容主要是介绍一下，我们一般在企业进行前端开发的时候整个工程的项目目录结构是怎样的如何进行分包和配置 webpack 的，首先像我们的代码一般都会放在一个 src 的文件夹当中，然后在 src 文件夹当中再次进行分包，例如创建 js 文件夹存放 .js 文件，css 文件夹存放 .css/.less/.sass 等相关文件，还会创建一个 images 文件夹存放静态资源等如下：

然后就是修改一下 webpack 打包文件的地址即可，需要修改的地方如下图我已经框出来了：

经过 webpack 打包之后，最终上线的目录结构应该是和如下这样差不多的：