Webpack文档

toc only.

https://doc.webpack-china.org/concepts/

2018.2.9 星期五 15:30

https://doc.webpack-china.org/

A 概念

一 概念

1.1 入口(entry)

1.2 出口(output)

1.3 loader

1.4 插件(plugins)

二 入口起点(Entry Points)

2.1 单个入口（简写）语法

2.2 对象语法

2.3 常见场景

1 分离应用程序

2 多页面应用程序

三 输出(Output)

3.1 用法

3.2 多个入口起点

3.3 高级进阶

四 Loader

4.1 示例

4.2 使用Loader

1 配置

2 内联

3 CLI

4.3 Loader特性

4.4 解析Loader

五 插件(Plugins)

5.1 剖析

5.2 用法

5.3 配置

5.4 Node API

六 配置(Configuration)

6.1 最简单的配置

6.2 多个Target

6.3 使用其他配置语言

七 模块(Modules)

7.1 什么是webpack模块

7.2 支持的模块类型

八 模块解析(Module Resolution)

8.1 webpack中的解析规则

1 绝对路径

2 相对路径

3 模块路径

8.2 解析Loader(Resolving Loader)

8.3 缓存

九 依赖图(Dependency Graph)

零 构建目标(Targets)

0.1 用法

0.2 多个Target

0.3 资源

一 Manifest

1.1 Runtime

1.2 Manifest

1.3 问题

二 模块热替换(Hot Module Replace)

2.1 这一切是如何运行的？

2.2 在应用程序中

2.3 在编译器中

2.4 在HMT Runtime中

2.5 入门

==========================

B 配置

2018.2.8 星期四 19:02

一 配置

1.1 选项

二 使用不同语言进行配置

2.1 TypeScript

2.2 CoffeeScript

2.3 Babel and JSX

三 多种配置类型

3.1 导出一个函数

3.2 导出一个Promise

3.3 导出多个配置对象

四 入口和上下文

4.1 context

4.2 entry

4.3 命名

4.4 动态入口

五 输出

5.1

5.2

5.3

5.4

5.5

5.

六 模块(Module)

6.1 module.noParse

6.2 module.rules

6.3 Rule

1 Rule条件

2 Rule 结果

3 嵌套的 Rule

6.4 Rule.enforce

6.5 Rule.exclude

6.6 Rule.include

6.7 Rule.issuer

6.8 Rule.loader

6.9 Rule.loaders

6.0 Rule.oneOf

6.1 Rule.options/Rule.query

6.2 Rule.parser

6.3 Rule.resource

6.4 Rule.resourceQuery

6.5 Rule.rules

6.6 Rule.test

6.7 Rule.use

6.8 条件

6.9 UseEntry

6.0 模块上下文

七 解析

7.1

7.2

7.3

7.4

7.5

7.

八 插件

8.1 plugins

九 开发中Server(DevServer)

9.1

9.2

9.3

9.4

9.

零 Devtool

0.1 devtool

0.2 Qualities

0.3 Development

0.4 Special cases

0.5 Production

一 构建目标

1.1 target

1.2 string

1.3 function

二 Watch和WatchOptions

2.1 watch

2.2 watchOptions

2.3 watchOptions.aggregated

2.4 watchOptions.ignored

2.5 watchOptions.poll

三 外部扩展(Externals)

3.1 externals

1 string

2 array

3 object

4 funciton

5 regex

四 性能(Performance)

4.1 performance

4.2 performance.hints

4.3 performanc.emaxEntry

4.4 performanc.

4.5 performanc.

五 Node

5.1

5.2

5.3

5.4

5.5

5.

六 统计(Stats)

6.1 stats

七 其它选项

7.1 amd

7.2 bail

7.3 cache

7.4 loader

7.5 parallelism

7.6 profile

7.7 recordPath

7.8 recordInputPath

7.9 recordOutputPath

==========================

C API

===============================

D 指南

https://doc.webpack-china.org/guides/development/

2018.1.25 星期四 14:42

一 安装

1.1 前提条件

1.2 本地安装

1.3 全局安装

1.4 最新体验版本

二 起步

2.1 基本安装

2.2 创建一个bundle文件

2.3 模块

2.4 使用一个配置文件

2.5 NPM脚本

2.6 结论

三 管理资源

3.1 安装

3.2 加载CSS

3.3 加载字体

3.4 加载数据

3.5 全局资源

3.6 回退处理

3.7 下一章节指南

3.8 延伸阅读

四 管理输出

4.1 预先准备

4.2 设定HtmlWebpackPlugin

4.3 清理/dist文件夹

4.4 Manifest

4.5 结论

五 开发

5.1 使用source map

5.2 选择一个开发工具

5.3 使用观察模式

5.4 使用 webpack-dev-server

5.5 使用 Webpack-dev-middleware

5.6 调整文本编辑器

5.7 结论

六 模块热替换

6.1 启用 HMR

6.2 通过Node.js API

6.3 问题

6.4 HMR 修改样式表

6.5 其他代码和框架

七 Tree Shaking

7.1 添加一个通用模块

7.2 精简输出

7.3 警告

7.4 结论

八 生产环境构建

8.1 配置

8.2 NPM Script

8.3 Minification

8.4 source map

8.5 指定环境

8.6 Split CSS

8.7 CLI 替代选项

九 代码分离

9.1 入口起点

9.2 防止重复

9.3 动态导入

9.4 bundle分析

9.5 下一步

零 懒加载

0.1 示例

0.2 框架

一 缓存

1.1 输出文件的文件名

1.2 提取模板

1.3 模块标识符

1.4 结论

1.5 译注

二 创建Library

2.1 创建一个library

2.2 基本配置

2.3 外部化lodash

2.4 外部扩展的限制

2.5 暴露library

2.6 最终步骤

三 Shimming

3.1 shimming全局变量

3.2 细粒度shimming

3.3 全局exports

3.4 加载polyfills

3.5 深度优化

3.6 Node内置

3.7 其他工具

四 TypeScript

4.1 基础安装

4.2 Loader

4.3 source map

4.4 使用第三方库

4.5 导入其他资源

4.6 构建性能

五 渐进式网络应用程序

5.1 现在我们并没有离线环境

5.2 天津Workbox

5.3 注册我们的Service Worker

5.4 结论

六 迁移到新版本

七 使用环境变量

八 构建性能

8.1 常规

1 保持版本最新

2 Loaders

3 Bootstrap

4 解析

5 Dlls

6 Samller = Faster

7 Worker Pool

8 持久化缓存

9 自定义 plugins/loaders

8.2 Development

1 增量编译

2 在内存中编译

3 Devtool

4 避免在生产环境下才会用

5 最小化入口chunk

8.3 Production

1 多个编译时

2 Source Maps

8.4 工具相关问题

1 Babel

2 Typescript

3 Sass

九 开发-Vagrant

9.1 项目配置

9.2 启动服务器

9.3 配合nginx的高级用法

9.4 小结

零 管理依赖

0.1 带表达式的require语句

0.2 require.context

0.3 上下文模块

一 公共路径(Public Path)

1.1 示例

1.2 在构建项目时设置路径值

1.3 即时设定路径值

二 集成(Intergrations)

2.1 NPM Scripts

2.2 Grunt

2.3 Gulp

2.4 Mocha

2.5 Karma

E LOADERS

F 插件