中文文档
参与贡献
博客
印记中文
英文官网
Search
API
概念
配置
指南
loader
迁移
plugin
Print Section
指南
起步
基础设置
创建一个 bundle
模块
使用配置文件
npm scripts
总结
管理资源
设置
加载 CSS
加载图像
加载字体
加载数据
自定义 JSON 模块解析器
全局资源
回退处理
下篇指南
延伸阅读
管理输出
预先准备
设置 HtmlWebpackPlugin
清理 /dist 文件夹
manifest
总结
开发环境
使用 source map
选择一个开发工具
使用观察模式
使用 webpack-dev-server
使用 webpack-dev-middleware
调整文本编辑器
总结
代码分离
入口起点
防止重复
入口依赖
SplitChunksPlugin
动态导入
预获取/预加载模块
分析 bundle
下一步
缓存
输出文件的文件名
提取引导模板
模块标识符
总结
创建库
创建一个库
webpack 配置
暴露库
外部化 lodash
外部化的限制
最终步骤
环境变量
构建性能
通用环境
更新到最新版本
loader
引导(bootstrap)
解析
dll
小即是快
worker 池
持久化缓存
自定义 plugin/loader
Progress 插件
开发环境
增量编译
在内存中编译
加速 stats.toJson
devtool
避免使用在生产环境下才会用到的工具
最小化入口 chunk
避免额外的优化步骤
输出结果不携带路径信息
Node.js 版本 8.9.10-9.11.1
TypeScript loader
生产环境
source map
工具相关问题
babel
TypeScript
sass
内容安全策略(CSP)
示例
启用 CSP
信任类型
使用 Vagrant 在虚拟机运行开发环境
配置项目
启动服务器
配合 nginx 的高级用法
总结
依赖管理
带表达式的 require 语句
require.context
上下文模块 API
安装
前提条件
本地安装
全局安装
最新体验版本
模块热替换
启用 HMR
通过 Node.js API 启用 HMR
问题
HMR 加载样式
其他代码和框架
Tree Shaking
添加一个通用模块
将文件标记为无副作用(side-effect-free)
解释 tree shaking 和 sideEffects
将函数调用标记为无副作用
压缩输出结果
总结
生产环境
配置
NPM Scripts
指定 mode
压缩(Minification)
源码映射(Source Mapping)
压缩 CSS
CLI 替代选项
懒加载
示例
框架
ECMAScript 模块
导出
导入
将模块标记为 ESM
Shimming 预置依赖
Shimming 预置全局变量
细粒度 Shimming
全局 Exports
加载 Polyfills
进一步优化
Node 内置
其他工具
TypeScript
基础配置
loader
source map
客户端类型
使用第三方库
导入其他资源
构建性能
Web Workers
语法
示例
Node.js
渐进式网络应用程序
现在,我们并没有运行在离线环境下
添加 Workbox
注册 Service Worker
结论
公共路径
示例
基于环境设置
在运行时设置
Automatic publicPath $#automaticpublicPath$
集成
NPM Scripts
Grunt
Gulp
Mocha
Karma
资源模块
Resource 资源
自定义输出文件名
inline 资源(inlining asset)
自定义 data URI 生成器
source 资源(source asset)
URL 资源
通用资源类型
变更内联 loader 的语法
Disable emitting assets
entry 高级用法
每个入口使用多种文件类型
Package exports
General syntax
Alternatives
Conditional syntax
Abbreviation
Notes about ordering
Support
Conditions
Reference syntax
Optimizations
Target environment
Conditions: Preprocessor and runtimes
Conditions: Custom
Common patterns
Target environment independent packages
Providing devtools or production optimizations
Providing different versions depending on target environment
Combining patterns
Guidelines
指南
指南章节用于理解和掌握 webpack 提供的各种工具和特性。首先是带你
起步
的指引。
指南章节会逐步带你由浅入深。本章节更多是作为一个切入点,阅读完成后会更加容易深入
配置
文档中。
编辑此页
·
打印文档
Next »
起步
2 位译者
dear-lizhihua
Yucohny
3 位贡献者