所谓打包多页面，就是同时打包出多个html页面，打包多页面也是使用html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin插件对象只能打包出一个html页面。如:

目录 HMR是什么 使用场景 配置使用HMR 配置webpack 解析webpack打包后的文件内容 配置HMR HMR原理 debug服务端源码 服务端简易实现 服务端调试阶段 debug客户端源码 客户端简易实现 客户端调试阶段 问题 总结 HMR…

升级webpack的时候，发现需要升级babel，最近babel有一个比较大的更新，就是babel7。

文件都是采用的require的按需加载的模式，点击到大文件的时候，加载时间较长。某个页面要加载的js文件2.4m，需要2-3秒才能加载完

如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。

相信很多人为了在webpack开发的时候使用 web-worker 而使用了 worker-loader 去进行处理，但是这个 loader 也存在一些问题，其实在webpack下不通过 worker-loader 也是可以使用的，仅仅需要非常简单的配置就可以。

目前前端更新迭代越来越快，相应的配套服务也跟着快速发展，node service koa使用webpack打包方案

在我之前一篇博客《在 Laravel 项目中使用 webpack-encore》中提到，为了方便在 laravel blade 模板中引入 webpack-encore 构建的前端资源，我们需要为项目新增两个 helper 函数，这两个函数参考 Symfony 中同名…

Comipler是其webpack的支柱模块，其继承于Tapable类，在compiler上定义了很多钩子函数，贯穿其整个编译流程，这些钩子上注册了很多插件，用于在特定的时机执行特定的操作，同时，用户也可以在这些钩子上注册自定…

问题是项目在升级了webpack到v4.0.0后，打包生产环境文件，报错走不下去。至于CommonsChunkPlugin的作用和用法，参考这篇博客《详解CommonsChunkPlugin的配置和用法》