深入浅出WebpackPDF|Epub|txt|kindle电子书版本网盘下载

深入浅出WebpackPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 入门1

1.1前端的发展2

1.1.1模块化2

1.1.2新框架5

1.1.3新语言6

1.2常见的构建工具及对比8

1.2.1 Npm Script9

1.2.2 Grunt10

1.2.3 Gulp11

1.2.4 Fis312

1.2.5 Webpack14

1.2.6 Rollup15

1.2.7为什么选择Webpack16

1.3安装Webpack17

1.3.1安装Webpack到本项目17

1.3.2安装Webpack到全局18

1.3.3使用Webpack18

1.4使用Loader20

1.5使用Plugin22

1.6使用DevServer24

1.6.1实时预览25

1.6.2模块热替换26

1.6.3支持Source Map26

1.7核心概念27

第2章 配置29

2.1 Entry30

2.1.1 context30

2.1.2 Entry类型31

2.1.3 Chunk的名称31

2.1.4配置动态Entry32

2.2 Output32

2.2.1 fiilename32

2.2.2 chunkFilename33

2.2.3 path34

2.2.4 publicPath34

2.2.5 crossOriginLoadmg34

2.2.6 libraryTarget和library35

2.2.7 library Export37

2.3 Module38

2.3.1配置Loader38

2.3.2 noParse40

2.3.3 parser41

2.4 Resolve41

2.4.1 alias42

2.4.2 mainFields42

2.4.3 extensions43

2.4.4 modules43

2.4.5 descnptionFiles44

2.4.6 enforceExtension44

2.4.7 enforceModuleExtension44

2.5 Plugin44

2.6 DevServer45

2.6.1 hot45

2.6.2 inline46

2.6.3 historyApiFallback46

2.6.4 contentBase47

2.6.5 headers48

2.6.6 host48

2.6.7 port48

2.6.8 allowedHosts48

2.6.9 disableHostCheck49

2.6.10 https49

2.6.11 clientLogLevel50

2.6.12 compress50

2.6.13 open50

2.7其他配置项50

2.7.1 Target50

2.7.2 Devtool51

2.7.3 Watch和WatchOptions51

2.7.4 Externals52

2.7.5 ResolveLoader53

2.8整体配置结构54

2.9多种配置类型58

2.9.1导出一个Function58

2.9.2导出一个返回Promise的函数59

2.9.3导出多份配置60

2.10总结61

第3章 实战62

3.1使用ES6语言63

3.1.1认识Babel63

3.1.2接入Babel67

3.2使用TypeScript语言67

3.2.1认识TypeScript67

3.2.2减少代码冗余69

3.2.3集成Webpack69

3.3使用Flow检查器70

3.3.1认识Flow70

3.3.2使用Flow71

3.3.3集成Webpack72

3.4使用SCSS语言73

3.4.1认识SCSS73

3.4.2接入Webpack74

3.5使用PostCSS75

3.5.1认识PostCSS75

3.5.2接入Webpack76

3.6使用React框架77

3.6.1 React的语法特征77

3.6.2 React与Babel78

3.6.3 React与TypeScript79

3.7使用Vue框架80

3.7.1认识Vue81

3.7.2接入Webpack82

3.7.3使用TypeScript编写Vue应用83

3.8使用Angular2框架85

3.8.1认识Angular285

3.8.2接入Webpack88

3.9为单页应用生成HTML89

3.9.1引入问题89

3.9.2解决方案90

3.10管理多个单页应用94

3.10.1引入问题94

3.10.2解决方案96

3.11构建同构应用100

3.11.1认识同构应用100

3.11.2解决方案101

3.12构建Electron应用105

3.12.1认识Electron105

3.12.2接入Webpack108

3.13构建Npm模块110

3.13.1认识Npm110

3.13.2抛出问题111

3.13.3使用Webpack构建Npm模块112

3.13.4发布到Npm117

3.14构建离线应用118

3.14.1认识离线应用118

3.14.2认识Service Workers119

3.14.3接入Webpack124

3.14.4验证结果126

3.15搭配Npm Script128

3.15.1认识Npm Script128

3.15.2 Webpack为什么需要Npm Script129

3.16检查代码130

3.16.1代码检查具体是做什么的130

3.16.2怎么做代码检查131

3.16.3结合Webpack检查代码133

3.17通过Node.js API启动Webpack136

3.17.1安装和使用Webpack模块136

3.172以监听模式运行137

3.18使用Webpack Dev Middleware138

3.18.1 Webpack Dev Middleware支持的配置项139

3.18.2 Webpack Dev Middleware与模块热替换140

3.19加载图片142

3.19.1使用fiile-loader142

3.19.2使用url-loader143

3.20加载SVG145

3.20.1使用raw-loader146

3.20.2使用svg-inline-loader147

3.21加载Source Map148

3.21.1该如何选择150

3.21.2加载现有的Source Map150

3.22实战总结151

第4章 优化153

4.1缩小文件的搜索范围154

4.1.1优化Loader配置154

4.1.2优化resolve.modules配置155

4.1.3优化resolve.mainFields配置156

4.1.4优化resolve.alias配置157

4.1.5优化resolve.extensions配置159

4.1.6优化module.noParse配置159

4.2使用DllPlugin160

4.2.1认识DLL160

4.2.2接入Webpack161

4.3使用HappyPack166

4.3.1使用HappyPack167

4.3.2 HappyPack的原理170

4.4使用ParallelUglifyPlugin170

4.5使用自动刷新173

4.5.1文件监听173

4.5.2自动刷新浏览器176

4.6开启模块热替换180

4.6.1模块热替换的原理180

4.6.2优化模块热替换184

4.7区分环境186

4.7.1为什么需要区分环境186

4.7.2如何区分环境186

4.7.3结合UglifyJS188

4.7.4第三方库中的环境区分188

4.8压缩代码189

4.8.1压缩JavaScript190

4.8.2压缩ES6192

4.8.3压缩CSS193

4.9 CDN加速195

4.9.1什么是CDN195

4.9.2接入CDN196

4.9.3用Webpack实现CDN的接入198

4.10使用Tree Shaking200

4.10.1认识Tree Shaking200

4.10.2接入Tree Shaking201

4.11提取公共代码204

4.11.1为什么需要提取公共代码204

4.11.2如何提取公共代码205

4.11.3如何通过Webpack提取公共代码206

4.12分割代码以按需加载209

4.12.1为什么需要按需加载209

4.12.2如何使用按需加载209

4.12.3用Webpack实现按需加载210

4.12.4按需加载与ReactRouter212

4.13使用Prepack215

4.13.1认识Prepack215

4.13.2接入Webpack216

4.14开启Scope Hoisting217

4.14.1认识Scope Hoisting217

4.14.2使用Scope Hoisting218

4.15 输出分析219

4.15.1官方的可视化分析工具220

4.15.2 webpack-bundle-analyzer224

4.16优化总结226

第5章 原理233

5.1工作原理概括234

5.1.1基本概念234

5.1.2流程概括234

5.1.3流程细节235

5.2输出文件分析238

5.3编写Loader245

5.3.1 Loader的职责246

5.3.2 Loader基础247

5.3.3 Loader进阶247

5.3.4其他Loader API250

5.3.5加载本地Loader251

5.3.6实战253

5.4编写Plugin254

5.4.1 Compiler和Compilation255

5.4.2事件流256

5.4.3常用的API257

5.4.4实战261

5.5调试Webpack262

5.6原理总结265

附录A常用的Loader266

附录B 常用的Plugin270

附录C Webpack的其他学习资源273