Webpack 教程

简而言之，Webpack 是一个前端资源加载/打包工具。 它在 GitHub 上拥有超过 5 万颗星，是该领域的翘楚。

Webpack 允许在开发中将 JavaScript 拆分为单独的模块（更好地维护），同时让我们在生产中将这些模块编译为单个包（更好地提高性能）。

从历史上看，由于 webpack 的复杂性，许多新的或经验不足的开发人员都回避了 webpack。 这在一定程度上仍然是正确的，但 webpack 继续定期更新，并且每个版本都在变得更好。 webpack 团队于 2020 年 10 月发布了 5.0.0 版本，此后进行了大量增量更新。

值得注意的是，webpack 4.0.0 是第一个不需要 webpack.config.js 文件来打包项目的 webpack 版本。 仅此一项就使新开发人员更容易开始使用它。

本 webpack 教程将主要关注最新的主要版本（撰写本文时为 5.x.x）。 你可以通过他们的更新日志更多地了解 webpack 的历史，但让我们今天来看看如何在项目中使用 webpack。

现在就让我们从 webpack 安装 开始学习吧。

教程内容

本教程包含以下内容

• Webpack 安装
• Webpack 简单使用
• Webpack HTML
• Webpack 打包 Javascript
• Webpack 打包CSS
• Webpack 静态资源
• Webpack Server
• Webpack 清空 Output