简单的方式 复杂的方式 Compiler Watching stats stats.hasErrors() stats.hasWarnings() stats.toJson(options) stats.toString(options) error handling compile to memory 简单的方式 v...

什么是 Webpack 为什么重复造轮子 Webpack 的特点 代码拆分 Loader 智能解析 插件系统 快速运行 什么是 Webpack Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 为什么重复造轮子 市面上已经存在的模块管理和打包工具并不适合大型...

开发 - Vagrant 配置项目 启动 server 配合 nginx 的高级用法 结论 贡献人员 开发 - Vagrant 如果你在开发一个更加高级的项目，并且使用 Vagrant 来实现在虚拟机(Virtual Machine)上运行你的开发环境，那你可能会需要在虚拟机中运行 webpack。 配置项目 首先，确保 Vagra...

开发环境 使用 source map 选择一个开发工具 使用 watch mode(观察模式) 使用 webpack-dev-server 使用 webpack-dev-middleware 调整文本编辑器 结论 贡献人员 开发环境 本指南继续沿用 管理输出 指南中的代码示例。 如果你一直跟随之前的指南，应该对一些 webp...

插件(plugins) plugins 贡献人员 插件(plugins) plugins 选项用于以各种方式自定义 webpack 构建过程。webpack 附带了各种内置插件，可以通过 webpack.[plugin-name] 访问这些插件。请查看 插件页面 获取插件列表和对应文档，但请注意这只是其中一部分，社区中还有许多插件。 ...

《晋级篇（续）：复杂项目下的代码分割》 目标 知识点 课程内容 总结 《晋级篇（续）：复杂项目下的代码分割》 目标 咱们在lesson4的基础上接着讲，这一节要解决两个问题：1、第三方库的引入；2、复杂项目下的按需加载。 知识点 1、使用extract-text-webpack-plugin打包多个css文件；2、CommonsCh...

开发环境 开发环境 当项目逐渐变大，webpack 的编译时间会变长，可以通过参数让编译的输出内容带有进度和颜色。 $ webpack -- progress -- colors 如果不想每次修改模块后都重新编译，那么可以启动监听模式。开启监听模式后，没有变化的模块会在编译后缓存到内存中，而不会每次都被重新编译，所以监听模式的整体速度是...

config NormalModuleReplacementPlugin ContextReplacementPlugin IgnorePlugin PrefetchPlugin ResolverPlugin ResolverPlugin.FileAppendPlugin EnvironmentPlugin output Ban...

CLI与API使用模式 CLI API CLI与API使用模式 在进入配置项讲解之前，我们首先看一看webpack为我们提供的使用方式：CLI和API。 CLI CLI即Command Line Interface，顾名思义，也就是命令行用户界面。到目前为止，我们所有的示例都是以这种方式调用的，例如： webpack example1 ....

chainWebpack chainWebpack Type: Function 通过 webpack-chain 的 API 修改 webpack 配置。 比如： export default { chainWebpack ( memo , { env , webpack , createCSSRule })...