Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

随着公司的发现和客户体量的增加，实现自定义webpack 插件实现一套代码满足多个客户的定制化需求，

在之前的文章中，我们已经实现了一个实现一个简易的模块打包器，但是在文章的最后，我们也提到过我们的打包器功能并不完善，比如我们目前不支持内置模块的引入，不支持ES6语法的转换和不支持css文件的打包等。但是这些功能都可以通过webpack提供的loader和plugin等进行处理…

本文完。

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

本文将会介绍如何使用gulp4来搭建项目脚手架，如果您还在使用gulp3或更老的版本，您也以通过本文的一些思想将之前的项目进行完善，更新。如果gulp不是你们团队的重点，也可以移步我的另一篇文章: 由于本文重点是介绍gulp4.0搭建脚手架的思路，相关插件的用法以及项目结构的设…

备注：看本文需要对docker和gitlab-ci有所理解。关于这方面的知识不懂的，需要去学习下。 我们在每个分支上开发准备提测的时候，就生成一个该分支特有docker镜像，该镜像基于nginx的，它会完成代码的打包和部署（到nginx上），以此来实现不同的分支代码在不同的do…

在上一篇 module生成1中我们已经分析了 webpack 是如何根据 entry 配置找到对应的文件的，接下来就是将文件转为 module 了。这个长长的过程，可以分成下面几个阶段 create: 准备数据，生成 module 实例。 add: 信息保存到 Compilat…

我们在使用webpack配置项目时会使用过各种各样的loader和plugin,例如less-loader、file-loader、html-webpack-plugin、clean-webpack-plugin等等。但是我们是否想过这些loader或plugin是如何编写的呢…