webpack watch 实现

path.join():方法使用平台特定的分隔符[Unix系统是/，Windows系统是\ ]把全部给定的 path 片段连接到一起，并规范化生成的路径。若任意一个路径片段类型错误，会报错。 如果连接后的路径字符串是一个长度为零的字符串，则返回 '.'，表示当前工作目录。 pa…

前段工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代，近年来很多相关的工具和概念诞生。好奇心日报在进行前端工程化的过程中，主要的挑战在于解决如下问题： 1. 如果管理多个项目的前端代码？ 2. 如何同步修改复用代码？ 3. 如何让开发体验更爽？

webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 也许你了解过webpack的插件与钩子机制；但你或许不知道，webpack内部拥有超过180个钩子，这些钩子与模块（内置插件）之间的「创建」「注册」「调用」关系非常复杂。因此，掌握webpack内部…

gulp 和 webpack 是时下前端领域最火的两款工具，一个是年少成名，地位稳固，一个是后起之秀，来势汹汹。二者之间扑朔迷离的关系长期弥漫在前端圈，这俩货之间到底有什么恩怨情仇？不属于一类，没有可比性？还是另有玄机？

希望通过这篇文章，能够帮助读者你理解：webpack 单文件如何进行打包，webpack 多文件如何进行代码切割，webpack1 和 webpack2 在文件打包上有什么区别，webpack2 如何做到 tree shaking，如何做到 scope hoisting。

hello~亲爱的看官老爷们大家好~ 最近一直在学习 webpack 的相关知识。曾几何时我总觉得 webpack 的体系庞大而难以掌握，一直回避不愿去学。然而伟人鲁迅曾说过： 世上太多事会因无法掌握而使你狂躁不安，最好的解决方法就是硬着头皮开始做！ 因而就从比较简单的 Com…

That’s all.

同构是指同开发一个可以跑在不同的平台上的程序。例如开发一段 js 代码可以同时被基于 node.js 开发的 web server 和浏览器使用。本文中我们就要聊聊这种场景下，为什么以及怎么样开发一个同构的 web 应用。 我们不会平白无故地做出任何决策，大家使用同构肯定是因为…