![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 85
柒青衿
前端
展开
-
Webpack-源码一,使用require加载并打包模块
最近有同学致力于写一个脚手架工具,在研究webpack源码,问了我几个问题,然而我完全不能解答。于是开始研究webpack。webpack做的事情主要是实现前端模块化(即:让前端也可以像node端一样适用require方法加载模块)和借助插件实现编译、热加载等功能。webpack源码系列第一部分,就分享最简单的内容——如何使用require方法加载模块并打包。__webpack_require__原创 2017-03-06 18:49:27 · 15426 阅读 · 3 评论 -
Webpack-源码二,整体调用流程与Tapable事件流
在上一篇博客中分析了webpack打包以后的bundle文件,了解webpack是如何通过require模拟commonjs标准加载模块的。下面探索webpack整体调用的流程,也就是如何通过shell输入webpack命令就可以实现整个编译、打包过程的。 这篇博客只对整个流程及相关的事件流进行分析,不具体分析每个步骤中的具体实现。也就是,对于plugin和loader的具体分析请移步后面的博客原创 2017-05-03 21:36:48 · 4550 阅读 · 1 评论 -
Webpack-源码三,从源码分析如何写一个plugin
这篇博客告诉你如何入手写一个plugin,然后分析源码相关部分告诉你你的plugin是如何工作。知其然且知其所以然。原创 2017-05-07 18:33:19 · 9449 阅读 · 1 评论 -
Webpack-源码四,从源码分析如何写一个loader
从黑盒和白盒两个角度讲讲如何写一个loader以及loader这个东西是如何在webpack中运作起来的。loader相当于一个翻译器,具体的loader会有很大不同,比如less-loader和ejs-loader内部代码肯定差异极大,这里只以最简单的loader举例,入坑以后大家根据自己需求自行探索。原创 2017-05-19 13:41:37 · 6879 阅读 · 6 评论