教程 > Webpack 教程 阅读:87

Webpack 教程

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 安装 开始学习吧。

教程内容

本教程包含以下内容

查看笔记