本文共 1330 字，大约阅读时间需要 4 分钟。

Webpack Breaking Changes

1. 关于Webpack 5 的更改

Webpack 5 引入了许多有显著改进的地方，首先是对构建配置的更严格要求。src/assets 目录的文件会被 webpack 编译，从而在实际项目中减少 http 请求。

2. README.md

自述文件包含了诸多重要信息，了解项目配置方法、开发环境设置以及构建命令。默认访问地址为 http://localhost:3000。

3. build 文件夹

这个文件夹是用于存放临时构建相关文件的，通常包含源码和中间构建结果。请确保文档正确引用这些文件，避免在生产环境中引入不必要的文件路径。

4. public 文件夹

公共文件夹用于存放不会被编译的静态资源文件，比如_min.js 等插件库。这些文件将直接复制到构建出来的文件夹中，不影响 webpack 的主构建流程。建议将不需要动态构建的静态资源文件放入此处，以减少构建时间并降低最终包的大小。

5. package.json

这个文件是项目的依赖管理文件，里面记录了项目所需的所有开发和运行环境依赖项。如果你想了解项目的具体要求，肯定要频繁查看这个文件。

分区内容整理

为了更好地阅读和排版，本文内容分成几个主要部分进行整理：

1. 关于Webpack 5 的更改

Webpack 5 引入了不同的方式来处理构建过程中的资源路径。src/assets 目录的文件会被自动编译并打包到构建后的文件中，这样在生产环境下可以有效地减少不必要的 HTTP 请求。

2. README.md 文件阅读

打开 README.md 文件时，会发现里面记录了项目的基本配置信息。包括如何通过命令运行项目、开发服务器的,defaultPort 数值等。默认访问服务器地址是 http://localhost:3000。

3. build 文件夹的作用

build 文件夹用于存储临时构建目录，通常是基于 src 目录的文件内容进行处理后的中间文件。请确保在相应的构建配置中正确引用这些文件，以保证构建输出的正确性。

4. public 文件夹的功能

public 文件夹用于存放不需要经历构建过程的静态资源文件。这些文件会直接复制到构建结果的文件夹中，无需再次进行压缩或重新编译，这能够有效地减少构建过程的时间开销。特别适用于像 jQuery 最小压缩版这样的第三方库文件，直接放入 public 文件夹是比较好的选择。

5. package.json 依赖项管理

package.json 文件是表示项目依赖项的重要文件。它记录了项目运行所需要的所有开发环境依赖和运行环境依赖。了解这个文件对项目的安装和配置异常重要。

总结

通过以上分析可以看出，Webpack 5 对构建配置方式进行了许多改进。了解如何合理使用 src/assets 和 public 的区别，对于优化项目性能至关重要。在具体项目实施过程中，建议根据项目需求灵活配置，避免不必要的资源复杂度。

Webpack 5 的更新极大地提升了构建速度和效率，同时更加注重资源优化技术。如果你需要进一步研究相关内容，可以查看官方文档或相关技术博客获取更详细的信息。