小册描述
目录
- 第1章 Webpack简介
- 1.1 何为Webpack
- 1.2 为什么需要Webpack
- 1.2.1 何为模块
- 1.2.2 JavaScript中的模块
- 1.2.3 模块打包工具
- 1.2.4 为什么选择Webpack
- 1.3 安装
- 1.4 打包个应用
- 1.4.1 Hello World
- 1.4.2 使用npm scripts
- 1.4.3 使用默认目录配置
- 1.4.4 使用配置文件
- 1.4.5 webpack-dev-server
- 第2章 模块打包
- 2.1 CommonJS
- 2.1.1 模块
- 2.1.2 导出
- 2.1.3 导入
- 2.2 ES6 Module
- 2.2.1 模块
- 2.2.2 导出
- 2.2.3 导入
- 2.2.4 复合写法
- 2.3 CommonJS与ES6 Module的区别
- 2.3.1 动态与静态
- 2.3.2 值复制与动态映射
- 2.3.3 循环依赖
- 2.4 加载其他类型的模块
- 2.4.1 非模块化文件
- 2.4.2 AMD
- 2.4.3 UMD
- 2.4.4 加载npm模块
- 2.5 模块打包原理
- 第3章 资源的输入和输出
- 3.1 资源处理流程
- 3.2 配置资源入口
- 3.2.1 context
- 3.2.2 entry
- 3.2.3 实例
- 3.3 配置资源出口
- 3.3.1 filename
- 3.3.2 path
- 3.3.3 publicPath
- 3.3.4 实例
- 第4章 预处理器
- 4.1 一切皆模块
- 4.2 loader概述
- 4.3 loader的配置
- 4.3.1 loader的引入
- 4.3.2 链式loader
- 4.3.3 loader options
- 4.3.4 更多配置
- 4.4 常用loader介绍
- 4.4.1 babel-loader
- 4.4.2 ts-loader
- 4.4.3 html-loader
- 4.4.4 handlebars-loader
- 4.4.5 file-loader
- 4.4.6 url-loader
- 4.5 自定义loader