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

webpack-层级结构调整_css

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

webpack-层级结构调整_分包_02

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

webpack-层级结构调整_目录结构_03

webpack-层级结构调整_css_04