（1）作者是的前端工程師，現就職於美國某互聯網企業，曾就職於去哪兒，負責前端基礎架構的建設。（2）作者是的Webpack技術專家，是知名打包工具YKit的主導者和核心開發者，積累了豐富的實踐經驗，是Webpack的布道者。（3）本書從功能特性、工作原理、應用實踐、性能優化4個維度對Webpack進行了全面的講解，繫統性、深度、實戰性兼具

●前言第1章  Webpack簡介11.1  何為Webpack11.2  為什麼需要Webpack21.2.1  何為模塊21.2.2  JavaScript中的模塊31.2.3  模塊打包工具41.2.4  為什麼選擇Webpack51.3  安裝51.4  打包第一個應用71.4.1  Hello World71.4.2  使用npm scripts91.4.3  使用默認目錄配置101.4.4  使用配置文件101.4.5  webpack-dev-server131.5  本章小結15第2章  模塊打包172.1  CommonJS172.1.1  模塊182.1.2  導出182.1.3  導入202.2  ES6 Module222.2.1  模塊222.2.2  導出232.2.3  導入242.2.4  復合寫法262.3  CommonJS與ES6 Module的區別262.3.1  動態與靜態262.3.2  值拷貝與動態映射272.3.3  循環依賴292.4  加載其他類型模塊332.4.1  非模塊化文件342.4.2  AMD342.4.3  UMD352.4.4  加載npm模塊372.5  模塊打包原理382.6  本章小結41第3章  資源輸入輸出423.1  資源處理流程423.2  配置資源入口443.2.1  context443.2.2  entry453.2.3  實例473.3  配置資源出口503.3.1  filename503.3.2  path533.3.3  publicPath543.3.4  實例563.4  本章小結57第4章  預處理器594.1  一切皆模塊594.2  loader概述614.3  loader的配置634.3.1  loader的引入634.3.2  鏈式loader654.3.3  loader options654.3.4  更多配置664.4  常用loader介紹704.4.1  babel-loader704.4.2  ts-loader724.4.3  html-loader734.4.4  handlebars-loader734.4.5  file-loader744.4.6  url-loader764.4.7  vue-loader774.5  自定義loader784.6  本章小結82第5章  樣式處理845.1  分離樣式文件845.1.1  extract-text-webpack-plugin855.1.2  多樣式文件的處理875.1.3  mini-css-extract-plugin895.2  樣式預處理915.2.1  Sass與SCSS915.2.2  Less935.3   tCSS945.3.1   tCSS與Webpack945.3.2  自動前綴955.3.3  stylelint965.3.4  CSSNext985.4  CSS Modules995.5  本章小結100第6章  代碼分片1016.1  通過入口劃分代碼1016.2  CommonsChunkPlugin1026.2.1  提取vendor1056.2.2  設置提取範圍1066.2.3  設置提取規則1076.2.4  hash與長效緩存1096.2.5  CommonsChunkPlugin的不足1116.3  optimization.SplitChunks1126.3.1  從命令式到聲明式1146.3.2  默認的異步提取1156.3.3  配置1166.4  資源異步加載1176.4.1  import()1186.4.2  異步chunk的配置1206.5  本章小結121第7章  生產環境配置1227.1  環境配置的封裝1227.2  開啟production模式1247.3  環境變量1257.4  source map1267.4.1  原理1267.4.2  source map配置1277.4.3  安全1297.5  資源壓縮1307.5.1  壓縮JavaScript1307.5.2  壓縮CSS1327.6  緩存1337.6.1  資源hash1337.6.2  輸出動態HTML1347.6.3  使chunk id更穩定1367.7  bundle體積監控和分析1387.8  本章小結140第8章  打包優化1418.1  HappyPack1418.1.1  工作原理1428.1.2  單個loader的優化1428.1.3  多個loader的優化1448.2  縮小打包作用域1458.2.1  exclude和include1458.2.2  noParse1468.2.3  IgnorePlugin1468.2.4  Cache1478.3  動態鏈接庫與DllPlugin1478.3.1  vendor配置1488.3.2  vendor打包1498.3.3  鏈接到業務代碼1508.3.4  潛在問題1518.4  tree shaking1528.4.1  ES6 Module1538.4.2  使用Webpack進行依賴關繫構建1538.4.3  使用壓縮工具去除死代碼1548.5  本章小結154第9章  開發環境調優1559.1  Webpack開發效率插件1559.1.1  webpack-dashboard1559.1.2  webpack-merge1579.1.3  speed-measure-webpack-plugin1609.1.4  size-plugin1609.2  模塊熱替換1629.2.1  開啟HMR1629.2.2  HMR原理1649.2.3  HMR API示例1669.3  本章小結168第10章  更多JavaScript打包工具16910.1  Rollup16910.1.1  配置17010.1.2  tree shaking17110.1.3  可選的輸出格式17210.1.4  使用Rollup構建JavaScript庫17310.2  Parcel17310.2.1  打包速度17410.2.2  零配置17610.3  打包工具的發展趨勢17810.3.1  性能與通用性17810.3.2  配置極小化與工程標準化17810.3.3  WebAssembly17910.4  本章小結180

這是一本能指導讀者零基礎快速掌握Webpack並輕松進階的實戰性著作。作者是的前端工程師，在Webpack領域有深厚的積累，是知名開源打包工具YKit的主導者和核心開發者。本書從功能特性、工作原理、應用實踐、性能優化4個維度對Webpack進行了全面的講解，內容上盡力避免了網絡上已經公開發表的各種資料和文檔，而是從作者的實際經驗出發，將更有價值的內容呈現給讀者，盡量幫助讀者少走彎路。全書一共10章：第1章是一個快速的指引，介紹了Webpack的概念、適用場景、開發環境搭建，以及如何快速上手。第2~7章詳細講解了Webpack的各項功能特性及其工作原理，同時講解了它們的適用場景，以及如何付諸實踐。第8~9章深入總結了打包的性能優化和開發環境的優化。第10章介紹了其他打包工具並對這些工具進行了各項特性的對比。

居玉皓 著

本書是我從2017年鼕天開始動筆的。在寫作本書之前的一段時間，我一直負責與前端項目構建相關的工作，也曾做過一繫列Webpack在線課程，但是當接到寫一本關於Webpack的書的提議時，我著實猶豫了很久。優選的擔憂在於Webpack本身已經有詳盡的文檔，社區中也有無數關於它的博客文章，自己如何能找到一個新的角度，讓讀者有所受益。於是我開始回想自己最初學習Webpack時的經歷—在了解它的過程中遇到哪些曲折，使用時踫到了哪些問題，有哪些點是我覺得如果當初我早就知道就好了的。通過回憶這些曾遇到過的磕磕絆絆，我逐漸找到了寫作本書的出發點—用我的語言盡可能簡單、直白地介紹Webpack，讓從來沒有接觸過Webpack的開發者也可以比較容易上手；同時把我所趟過的一些坑寫出來，讓讀到的人少走一些彎路。有時能聽到一種戲稱—Webpack 配置工程師，從這裡面大概能體會到Webpack的使用並不簡單。而這本等