除了特定的 webpack loader对相应格式的数据文件解析之外，还可以通过自定义相应的JSON模块，完成对toml、yaml 或 json5等常用数据库格式文件的解析。

初始化示例工程

创建一个自定义数据格式文件解析的工程：webpack-parsedatafile。并进行初始化出操作：

一、基本使用

1. 概念

一个月，利用业余时间程序员优雅哥完成了Webpack 5 & SpringBoot的学习，内心觉得很是欣慰。对于一个老程序员，一直走在学习的道路上，几年前就想过坚持边学习边整理边记录边分享。在这一个月的分享中，收获了很多的鼓励，让我觉得一个技术男也可以胜任一些文字工作。其次，通过这样的方式可以帮助我们系统性，深入性学习每一个主题，把自己多年积累的项目实战经验与理论知识进行更好结合。

时候我们一个chunk引入了多个js文件，导致打包后的chunk提交太大；再或者多个chunks引入了同一个js文件（例如jquery），此时jquery会分别打包进两个chunk中，导致文件重复打包，体积臃肿；

作为最常用的前端打包工具之一，Webpack已成为前端工程化的基础设施之一。自2020年10月10日发布Webpack5以来，已经过去了两年，而之前的大版本Webpack4的更新则是在两年前。每个大版本的更新都会带来许多改变和提升。今天我们来看看增量编辑和长期缓存。

前面一节，我们搭建好了一个脚手架（

（一）修改输出资源的名称和路径

1. 配置

（一）处理 js 资源

1. 为什么

运行的代码是经过 webpack 编译后，所有 css 和 js 合并成了一个文件，并且多了其他代码。此时如果代码运行出错，那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多，那么很难去发现错误出现在哪里。

(1) 为什么

开发时修改了其中一个模块代码，Webpack 默认会将所有模块全部重新打包编译，速度很慢。所以需要做到修改某个模块代码，就只有这个模块代码需要重新打包编译，其他模块不变，这样打包速度就能很快。