我用夸克网盘分享了「深入浅出Webpack.epub」，点击链接即可保存。打开「夸克APP」在线查看，支持多种文档格式转换。

内容简介

随着Web开发技术的发展，Webpack凭借其便于使用和涵盖面广的优势，成为目前非常流行的前端构建工具，是每位前端工程师的必备技能之一。 《深入浅出Webpack》对Webpack进行了全面讲解，涵盖了Webpack入门、配置、实战、优化、原理等方面的内容。其中，第1章讲解Webpack入门所涉及的知识；第2章详细讲解Webpack提供的常用配置项；第3章结合实际项目中的常见场景进行实践；第4章给出优化Webpack的优秀方案；第5章剖析了Webpack的原理，并讲解如何开发Plugin和Loader；附录汇总了常见的Loader、Plugin和Webpack的其他学习资源。除了深入讲解Webpack，本书还介绍了ES6、TypeScript、PostCSS、Prepack、离线缓存、单页应用、CDN等Web开发相关的技能。 无论是对 Webpack一无所知的初学者，还是经验丰富的前端工程师，相信都能够通过《深入浅出Webpack》进一步提升对Webpack的理解，并在Web开发中更熟练地运用Webpack。

作者简介

吴浩麟 一线前端工程师，曾就职于腾讯，现就职于美团。专注于Web开发，参与过众多大型Web项目的构建、设计和开发，喜欢探索Web前沿技术。也是Golang和音视频技术的爱好者，活跃于GitHub，ID为gwuhaolin。

网友热评

大案牍术: 比较基础，里面的一些demo和理论放到现在来看已经稍有过时，可以作为小册来看。在GitHub读完，感谢作者来源。 Walde: 快速过一遍，手写 webpack 配置也无压力

图书目录

第1章入门1 1.1前端的发展2 1.1.1模块化2 1.1.2新框架5 1.1.3新语言6 1.2常见的构建工具及对比8 1.2.1NpmScript9 1.2.2Grunt10 1.2.3Gulp11 1.2.4Fis312 1.2.5Webpack14 1.2.6Rollup15 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支持SourceMap26 1.7核心概念27 第2章配置29 2.1Entry30 2.1.1context30 2.1.2Entry类型31 2.1.3Chunk的名称31 2.1.4配置动态Entry32 2.2Output32 2.2.1filename32 2.2.2chunkFilename33 2.2.3path34 2.2.4publicPath34 2.2.5crossOriginLoading34 2.2.6libraryTarget和library35 2.2.7libraryExport37 2.3Module38 2.3.1配置Loader38 2.3.2noParse40 2.3.3parser41 2.4Resolve41 2.4.1alias42 2.4.2mainFields42 2.4.3extensions43 2.4.4modules43 2.4.5descriptionFiles44 2.4.6enforceExtension44 2.4.7enforceModuleExtension44 2.5Plugin44 2.6DevServer45 2.6.1hot45 2.6.2inline46 2.6.3historyApiFallback46 2.6.4contentBase47 2.6.5headers48 2.6.6host48 2.6.7port48 2.6.8allowedHosts48 2.6.9disableHostCheck49 2.6.10https49 2.6.11clientLogLevel50 2.6.12compress50 2.6.13open50 2.7其他配置项50 2.7.1Target50 2.7.2Devtool51 2.7.3Watch和WatchOptions51 2.7.4Externals52 2.7.5ResolveLoader53 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.1React的语法特征77 3.6.2React与Babel78 3.6.3React与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认识ServiceWorkers119 3.14.3接入Webpack124 3.14.4验证结果126 3.15搭配NpmScript128 3.15.1认识NpmScript128 3.15.2Webpack为什么需要NpmScript129 3.16检查代码130 3.16.1代码检查具体是做什么的130 3.16.2怎么做代码检查131 3.16.3结合Webpack检查代码133 3.17通过Node.jsAPI启动Webpack136 3.17.1安装和使用Webpack模块136 3.17.2以监听模式运行137 3.18使用WebpackDevMiddleware138 3.18.1WebpackDevMiddleware支持的配置项139 3.18.2WebpackDevMiddleware与模块热替换140 3.19加载图片142 3.19.1使用file-loader142 3.19.2使用url-loader143 3.20加载SVG145 3.20.1使用raw-loader146 3.20.2使用svg-inline-loader147 3.21加载SourceMap148 3.21.1该如何选择150 3.21.2加载现有的SourceMap150 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.2HappyPack的原理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.9CDN加速195 4.9.1什么是CDN195 4.9.2接入CDN196 4.9.3用Webpack实现CDN的接入198 4.10使用TreeShaking200 4.10.1认识TreeShaking200 4.10.2接入TreeShaking201 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开启ScopeHoisting217 4.14.1认识ScopeHoisting217 4.14.2使用ScopeHoisting218 4.15输出分析219 4.15.1官方的可视化分析工具220 4.15.2webpack-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.1Loader的职责246 5.3.2Loader基础247 5.3.3Loader进阶247 5.3.4其他LoaderAPI250 5.3.5加载本地Loader251 5.3.6实战253 5.4编写Plugin254 5.4.1Compiler和Compilation255 5.4.2事件流256 5.4.3常用的API257 5.4.4实战261 5.5调试Webpack262 5.6原理总结265 附录A常用的Loader266 附录B常用的Plugin270 附录CWebpack的其他学习资源273