2017-Webpack HMR 原理解析: Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一。
SurviveJS - Webpack #Book#: SurviveJS - Webpack is meant for beginner to intermediate users of webpack.
2017-Intro To Webpack: Webpack is a very complex tool, and most people do not need to know how every part of it works.
WEBPACK - THE GOOD PARTS: What is Webpack, Developing, Building, Assets, Bundle/code Splitting, Analysis, Optimizing.
2018-Webpack Basics: Many people seem to like Webpack and use it for their everyday web bundling process.
2017-Brief introduction to scope hoisting in Webpack: On its third major release, Webpack introduced a new feature: scope hoisting. Many developers are already exposing data showing great positive impacts on the initial execution time of their bundles.
Keep webpack Fast: A Field Guide for Better Build Performance: This post is a field guide offering up what we learned on our path towards a faster build.
HappyPack #Project#: HappyPack makes webpack builds faster by allowing you to transform multiple files in parallel.
AutoDllPlugin #Project#: Webpack's DllPlugin without the boilerplate.
HardSourceWebpackPlugin #Project#: HardSourceWebpackPlugin is a plugin for webpack to provide an intermediate caching step for modules.
parallel-webpack #Project#: Builds multi-config webpack projects in parallel.
2017-webpack for real tasks: bundling front-end and adding compilation #Series#: Bundling front-end and adding compilation ,Decreasing front-end size and improving caching, Speeding up build and improving the development workflow
Web Performance Optimization with Webpack by Addy Osmani: Taking advantage of its features for optimizing modern code, code-splitting scripts into critical and non-critical pieces and stripping out unused code.
2017-How to use Webpack’s new “magic comment” feature with React Universal Component + SSR: Webpack 2.4.0, which came out a few weeks ago, launched with a very interesting new feature: “magic comments.” In combination with dynamic imports, “magic comments” greatly simplify code-splitting + server-side rendering.
2018-RIP CommonsChunkPlugin: webpack 4 removes the CommonsChunkPlugin in favor of two new options (optimization.splitChunks and optimization.runtimeChunk). Here is how it works.
2018-size-plugin #Project#: Prints the gzipped sizes of your webpack assets and the changes since the last build.
Webpack Monitor #Project#: A tool for monitoring webpack optimization metrics through the development process
JARVIS #Project#: J.A.R.V.I.S. (Just A Rather Very Intelligent System) will put in your browser all the relevant information you need from your webpack build whether in dev or in prod.
Webpack Bundle Analyzer #Project# : Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap.
preload-webpack-plugin: A Webpack plugin for wiring up link
<rel='preload'> (and prefetch) - supports async chunks
2019-Webpack 是怎样运行的?: 下面我们来通过一个简单的项目来看一下 Webpack 是怎样运行的。