Q1:tapable解决的问题？tapable是个独立的库webpack中大量使用了这个库tapable主要是用来处理事件，解决的问题有点类似EventEmitter，不过功能更加强大Q2:tapab

webpack 是基于事件流的打包构建工具，也就是内置了很多 hooks。作为使用方，可以在这些钩子当中，去插入自己的处理逻辑，而这一切的实现都得益于 tapable 这个工具。它有多个版本，webpack 前期的版本是依赖于 tapable 0.2.8 这个版本，后来重构了，…

但是 tapable 2.0.0-beta 版本的重构，犹如艺术品一般，让人惊艳。源码内部采用 getter 惰性加载与缓存的方式，以及利用 new Function 去消除递归调用。 消除递归调用的方式就是在第一次调用 call 的时候，通过字符串拼接可执行的字符串代码（源码…

最详细的 webpack+vue 构建指南。

随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好…

webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack.废话不多说，我们赶紧开始吧. 第一步、安装webpack 新建文件夹we…

webpack给前端开发带来了毋庸置疑的改变，它把JS，图片，css都作为模块处理，同时具有开发便捷，自动化，兼容AMD写法等等诸多无须赘述的优点，更令人称道的是其插件社区非常强大，对于不同的业务需求和技术需求社区都有大量插件可供使用。 凡事都具有两面性，许多人说：前端开发再也不…

译者：小 boy （沪江前端开发工程师） 本文原创，转载请注明作者及出处。 原文地址：https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack JavaSript 模块化打包已混迹江湖…