本篇文章主要介绍了详解webpack多页面配置记录，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

趁工作之余从零构建了一个webpack4.x多页面应用程序。过程中也遇到一些坑，就记录下来了。 webpack核心概念 Entry：入口，Webpack 执行构建的第一步将从 Entry 开始。 Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk：代码块，一个 Chunk 由多个模块组合而成，用于代码合并与分割。 Loader：模块转换器，用于把模块原内容按照需求转换成新内

之前也写过webpack学习记录，项目中需要一个常用的webpack多页面配置，所以才动手，本着能写一行是一行的原则，开始了配置webpack之旅。 定目录结构 首先我只需要开发环境（包含自动更新）和打包环境，初定的目录结构是这样的 app主要写业务代码，config里写webpack配置和一些打包、开发的配置，经过一番计较，最后根据自己习惯，目录结构如下：   app -libs # 第三方插件库，可以是css也可以是js，eg：jq -static # 公共的静态资源文件夹 -te