Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人对升级 Webpack 还是一头雾水。 不过 Webpack 的开发团队已经写了一些零散的文章，官网上也有…

注：本篇不是入门教程，入门请直接查看官方文档。本篇的主要目标是通过实际问题来介绍 webpack 中容易被人忽略的细节, 以及源码分析(以最新发布的 release 版本1.14.0的源码为例), 并且提供几种解决方案。 webpack from the official we…

你或许会花上 30 分钟的时间读完本章，并掌握 webpack-dev-server 的使用方法、理清一些容易困惑的配置（如 publicPath）或概念（如 HMR）...

相比于 loaders，plugin 更加的灵活，因为它能够接触到 webpack 编译器和编译核心。这就使得 plugin 可以通过一些 hook 函数来拦截 webpack 的执行，甚至你可以运行一个子编译器和 loader 串联，像 MiniCssExtractPlugi…

自从出现模块化以后，大家可以将原本一坨代码分离到个个模块中，但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿，由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题，将所有小文件打包成一个或多个大文件，官网的图片很好的诠释了这个事情，除此之外，Web…

本文写于 Webpack 2 正式发布之前（完善文档阶段）。 不仅是一篇 Webpack 2 的入门教程，也让大家了解什么是 Webpack，值得收藏，长文慎入。

作者混元霹雳手-Ziksang 隔了好几天了，我终于又出来了，今天我给大家讲讲vue-cli中webpack.base.conf.js的基础配置，看看尤大神对这些配置做了那些重要性的处理的，不用看webpack-cli已经是一个很成熟的脚手架了，对于它的配置在webpack的更…

在9月份Babel宣布ES2015/ES2016/ES2017等等ES20xx时代的presets通通被废弃，取而代之的是babel-preset-env，并且承诺它将成为“未来不会过时的（future-proof）”解决方案。所以当我们再重新安装这些es20xx包的时候通通会…

最近在前端论坛闲逛，看到了一些讲parcel、webpack的文章，就突然很好奇，每天都在用的打包工具，他们打包的原理究竟是什么。只有知道了这一点，才可以在众多的打包工具里，找到最适合的那个它。在了解打包原理之前，先花一些篇章说明了一下为什么要使用打包工具。 前端产品的交付是基…