前端工程化，很多人一听到这个词，想到的就是 `webpack`；基于现在的环境，这种想法不能说它是错的，但也不是很对，毕竟前端工程化的概念比 `webpack` 要大的多。

webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。本文主要介绍一下Tapable中的钩子函…

1. webpack打包基本原理 1. 处理单个模块（以入口为例） 我们可以看到，入口文件index.js的所有内容都以字符串形式输出了，我们接下来可以用正则表达式或者其它一些方法，从中提取到import以及export的内容以及相应的路径文件名，来对入口文件内容进行分析，获取…

使用 vue-loader 的之前， 我们需要安装一些必要的 loader。。 必需的 loader 包括：vue-loader、vue-style-loader、vue-template-compiler、css-loader。 可能需要的 loader 包含：sass-lo…

CI/CD 是 Continuous Intergration/Continuous Deploy 的简称，翻译过来就是持续集成/持续部署。CD 也会被解释为持续交付（Continuous Delivery），但是对于软件工程师而言，最直接接触的应该是持续部署。 我刚开始工作时…

在搬砖过程中，webpack 常见的问题我们都能解决。 但当在实战中遇到很特殊的需求或者社区、webpack issues 中找不到解决方案时，我们就需要自己手写 loader 、手写 plugin 和了解 webpack 的工作原理了。 本文从几个面试管常问的问题，介绍 we…