Webpack實(shí)戰(zhàn)：入門、進(jìn)階與調(diào)優(yōu)

定　價(jià)：￥69.00

作　者：	居玉皓著
出版社：	機(jī)械工業(yè)出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買這本書(shū)可以去

ISBN：	9787111626312	出版時(shí)間：	2019-06-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	180	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　這是一本能指導(dǎo)讀者零基礎(chǔ)快速掌握Webpack并輕松進(jìn)階的實(shí)戰(zhàn)性著作。作者是資深的前端工程師，在Webpack領(lǐng)域有深厚的積累，是知名開(kāi)源打包工具YKit的主導(dǎo)者和核心開(kāi)發(fā)者。本書(shū)從功能特性、工作原理、應(yīng)用實(shí)踐、性能優(yōu)化4個(gè)維度對(duì)Webpack進(jìn)行了全面的講解，內(nèi)容上盡力避免了網(wǎng)絡(luò)上已經(jīng)公開(kāi)發(fā)表的各種資料和文檔，而是從作者的實(shí)際經(jīng)驗(yàn)出發(fā)，將更有價(jià)值的內(nèi)容呈現(xiàn)給讀者，盡量幫助讀者少走彎路。全書(shū)一共10章：第1章是一個(gè)快速的指引，介紹了Webpack的概念、適用場(chǎng)景、開(kāi)發(fā)環(huán)境搭建，以及如何快速上手。第2~7章詳細(xì)講解了Webpack的各項(xiàng)功能特性及其工作原理，同時(shí)講解了它們的適用場(chǎng)景，以及如何付諸實(shí)踐。第8~9章深入總結(jié)了打包的性能優(yōu)化和開(kāi)發(fā)環(huán)境的優(yōu)化。第10章介紹了其他打包工具并對(duì)這些工具進(jìn)行了各項(xiàng)特性的對(duì)比。

作者簡(jiǎn)介

　　居玉皓資深前端開(kāi)發(fā)工程師，目前就職于美國(guó)在線流媒體平臺(tái)Tubi TV，曾就職于去哪兒網(wǎng)，負(fù)責(zé)前端基礎(chǔ)架構(gòu)的建設(shè)，并主導(dǎo)開(kāi)發(fā)了知名的開(kāi)源打包工具YKit。長(zhǎng)期專注于前端構(gòu)建領(lǐng)域，對(duì)Webpack有深入的研究，積累了豐富的實(shí)踐經(jīng)驗(yàn)，在國(guó)內(nèi)為Webpack的發(fā)展和普及做了較多的努力和貢獻(xiàn)。

圖書(shū)目錄

Contents 目　　錄
前言
第1章　Webpack簡(jiǎn)介1
1.1　何為Webpack1
1.2　為什么需要Webpack2
1.2.1　何為模塊2
1.2.2　JavaScript中的模塊3
1.2.3　模塊打包工具4
1.2.4　為什么選擇Webpack5
1.3　安裝5
1.4　打包第一個(gè)應(yīng)用7
1.4.1　Hello World7
1.4.2　使用npm scripts9
1.4.3　使用默認(rèn)目錄配置10
1.4.4　使用配置文件10
1.4.5　webpack-dev-server13
1.5　本章小結(jié)15
第2章　模塊打包17
2.1　CommonJS17
2.1.1　模塊18
2.1.2　導(dǎo)出18
2.1.3　導(dǎo)入20
2.2　ES6 Module22
2.2.1　模塊22
2.2.2　導(dǎo)出23
2.2.3　導(dǎo)入24
2.2.4　復(fù)合寫(xiě)法26
2.3　CommonJS與ES6 Module的區(qū)別26
2.3.1　動(dòng)態(tài)與靜態(tài)26
2.3.2　值拷貝與動(dòng)態(tài)映射27
2.3.3　循環(huán)依賴29
2.4　加載其他類型模塊33
2.4.1　非模塊化文件34
2.4.2　AMD34
2.4.3　UMD35
2.4.4　加載npm模塊37
2.5　模塊打包原理38
2.6　本章小結(jié)41
第3章　資源輸入輸出42
3.1　資源處理流程42
3.2　配置資源入口44
3.2.1　context44
3.2.2　entry45
3.2.3　實(shí)例47
3.3　配置資源出口50
3.3.1　filename50
3.3.2　path53
3.3.3　publicPath54
3.3.4　實(shí)例56
3.4　本章小結(jié)57
第4章　預(yù)處理器59
4.1　一切皆模塊59
4.2　loader概述61
4.3　loader的配置63
4.3.1　loader的引入63
4.3.2　鏈?zhǔn)絣oader65
4.3.3　loader options65
4.3.4　更多配置66
4.4　常用loader介紹70
4.4.1　babel-loader70
4.4.2　ts-loader72
4.4.3　html-loader73
4.4.4　handlebars-loader73
4.4.5　file-loader74
4.4.6　url-loader76
4.4.7　vue-loader77
4.5　自定義loader78
4.6　本章小結(jié)82
第5章　樣式處理84
5.1　分離樣式文件84
5.1.1　extract-text-webpack-plugin85
5.1.2　多樣式文件的處理87
5.1.3　mini-css-extract-plugin89
5.2　樣式預(yù)處理91
5.2.1　Sass與SCSS91
5.2.2　Less93
5.3　PostCSS94
5.3.1　PostCSS與Webpack94
5.3.2　自動(dòng)前綴95
5.3.3　stylelint96
5.3.4　CSSNext98
5.4　CSS Modules99
5.5　本章小結(jié)100
第6章　代碼分片101
6.1　通過(guò)入口劃分代碼101
6.2　CommonsChunkPlugin102
6.2.1　提取vendor105
6.2.2　設(shè)置提取范圍106
6.2.3　設(shè)置提取規(guī)則107
6.2.4　hash與長(zhǎng)效緩存109
6.2.5　CommonsChunkPlugin的不足111
6.3　optimization.SplitChunks112
6.3.1　從命令式到聲明式114
6.3.2　默認(rèn)的異步提取115
6.3.3　配置116
6.4　資源異步加載117
6.4.1　import()118
6.4.2　異步chunk的配置120
6.5　本章小結(jié)121
第7章　生產(chǎn)環(huán)境配置122
7.1　環(huán)境配置的封裝122
7.2　開(kāi)啟production模式124
7.3　環(huán)境變量125
7.4　source map126
7.4.1　原理126
7.4.2　source map配置127
7.4.3　安全129
7.5　資源壓縮130
7.5.1　壓縮JavaScript130
7.5.2　壓縮CSS132
7.6　緩存133
7.6.1　資源hash133
7.6.2　輸出動(dòng)態(tài)HTML134
7.6.3　使chunk id更穩(wěn)定136
7.7　bundle體積監(jiān)控和分析138
7.8　本章小結(jié)140
第8章　打包優(yōu)化141
8.1　HappyPack141
8.1.1　工作原理142
8.1.2　單個(gè)loader的優(yōu)化142
8.1.3　多個(gè)loader的優(yōu)化144
8.2　縮小打包作用域145
8.2.1　exclude和include145
8.2.2　noParse146
8.2.3　IgnorePlugin146
8.2.4　Cache147
8.3　動(dòng)態(tài)鏈接庫(kù)與DllPlugin147
8.3.1　vendor配置148
8.3.2　vendor打包149
8.3.3　鏈接到業(yè)務(wù)代碼150
8.3.4　潛在問(wèn)題151
8.4　tree shaking152
8.4.1　ES6 Module153
......