入口(entry)出口(output)加载器Loaders插件Plugins模式webpack.config.js配置 终终终终于下定决心，对你下手了，系统的学习一下。webpack是一个应用程序的静态

目录基本安装配置文件管理资源管理输出构建一个开发环境使用sourcemap选择一个开发工具观察模式webpack-dev-serverwebpack-dev-middlewarewebpack

目录模块热替换HMRHMR监听文件变化HMR修改样式表 模块热替换HMR允许在运行时更新各种模块，而无需进行完全刷新。不适用于生产环境，意味着应当只在开发环境使用。

webpack4.15.1学习笔记(四)—Treeshaking  目录Treeshaking原理标记效果副作用代码不可被删除如何实现Treeshaking的几种方法总结 Treesh

webpack4.15.1学习笔记(五)—生产环境构建  目录生产环境构建指定环境 生产环境构建development和production的构建目标差异很大。dev中，需要具有实

懒加载或者按需加载，是一种很好的优化网页或应用的方式。实际上是先把代码在一些逻辑断点处分离开，然后在一些代码块中完成某些操作后，立即引用或引用另外一些新的代码块。这

webpack4.15.1学习笔记(六)—代码拆分(CodeSplitting)  目录入口起点防止重复动态导入(dynamicimports) 代码拆分能够将代码分离到不同的bundle中

目录输出文件名(OutputFilenames)缓存第三方库将js文件放到一个文件夹中 webpack打包模块化后的应用程序，会生成一个可部署的/dist目录，只要/dist目录中的内

目录html-webpack-pluginclean-webpack-pluginwebpack-manifest-pluginHotModuleReplacementPlugin(内置)处理webpack在编译过程中的某个特定任务的功能模块，plugins选