摘要：
模块热替换(Hot Module Replacement) 模块热替换(HMR - Hot Module Replacement)功能会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面。主要是通过以下几种方式，来显著加快开发速度： 保留在完全重新加载页面时丢失的应用程序状态。 只更新 阅读全文
摘要：
Manifest 在使用 webpack 构建的典型应用程序或站点中，有三种主要的代码类型： 你或你的团队编写的源码。 你的源码会依赖的任何第三方的 library 或 "vendor" 代码。 webpack 的 runtime 和 manifest，管理所有模块的交互。 本文将重点介绍这三个部分 阅读全文
摘要：
构建目标(Targets) 因为服务器和浏览器代码都可以用 JavaScript 编写，所以 webpack 提供了多种构建目标(target)，你可以在你的 webpack 配置中设置。 webpack 的 target 属性不要和 output.libraryTarget 属性混淆。有关 out 阅读全文
摘要：
依赖图(Dependency Graph) 任何时候，一个文件依赖于另一个文件，webpack 就把此视为文件之间有依赖关系。 这使得 webpack 可以接收非代码资源(non-code asset)（例如图像或 web 字体），并且可以把它们作为依赖提供给你的应用程序。 webpack 从命令行 阅读全文
摘要：
模块解析(Module Resolution) resolver 是一个库(library)，用于帮助找到模块的绝对路径。一个模块可以作为另一个模块的依赖模块，然后被后者引用，如下： import foo from 'path/to/module' // 或者 require('path/to/mo 阅读全文
摘要：
模块(Modules) 在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块。 每个模块具有比完整程序更小的接触面，使得校验、调试、测试轻而易举。 精心编写的模块提供了可靠的抽象和封装界限，使得应用程序中每个模块都具有条理清楚 阅读全文
摘要：
配置(Configuration) 你可能已经注意到，很少有 webpack 配置看起来很完全相同。 这是因为 webpack 的配置文件，是导出一个对象的 JavaScript 文件。 此对象，由 webpack 根据对象定义的属性进行解析。 因为 webpack 配置是标准的 Node.js C 阅读全文
摘要：
插件(Plugins) 插件是 wepback 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！ 插件目的在于解决 loader 无法实现的其他事。 剖析 webpack 插件是一个具有 apply 属性的 JavaScript 对象。apply 属 阅读全文
摘要：
Loader loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。 因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。 loader 可以将文件从不同的语言（如 TypeScript）转换为 J 阅读全文
摘要：
输出(Output) 配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。 注意，即使可以存在多个入口起点，但只指定一个输出配置。 用法(Usage) 在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以下两点： filename 用于输出 阅读全文
摘要：
入口起点【Entry Points】： 单个入口（简写）语法 例子(webpack.config.js) entry 属性的单个入口语法，是下面的简写： 当你向 entry 传入一个数组时会发生什么？向 entry 属性传入「文件路径(file path)数组」将创建“多个主入口(multi-mai 阅读全文