webpack 是前端项目工程化的具体解决方案。 它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。

为什么又造个轮子？

为什么又要构建一个 JavaScript 构建工具呢？因为当前用于 Web 的构建工具比用户期望的性能至少慢一个数量级。我希望这个项目可以作为一种“存在证明”，证明我们的 JavaScript 工具实际上能比现在快得多。

基准测试

我想到的用例是打包用于生产的大型代码库。这个流程包括压缩代码以减少网络传输时间，以及生成源映射（对于调试生产中的错误是非常重要的）。理想情况下，构建工具还应该具备快速构建能力，而不必先预热缓存。

Webpack是一种前端静态模块打包工具，被广泛应用于现代JavaScript项目的开发和构建流程中，用于将项目中的各种资源，例如JavaScript、CSS、图片等作为模块进行处理将不同类型的文件整合打包到一个或多个文件中，然后生成可在浏览器中运行的静态资源文件。优化代码结构并提升前端项目的开发和构建体验。下面我们就来详细介绍一下Webpack工具。

在webpack.config.js文件中加上mode: 'development', 就可以了。