本文将以 webpack 的初始化阶段、编译构建阶段、生成阶段为整体流程，最终以插件的实现机理为落地，由浅入深地摸清楚 webpack 核心运作机制，并在此过程中逐步剖析一些核心概念。

自从使用了 es6 的模块系统后，各种地方愉快地使用 import export default，但也会在老项目中看到使用commonjs规范的 require module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题，但其中的关联与区别不得其解，使用起…

大家都用过类似vue-cli的脚手架，cli中的炫酷交互、多样提示、项目创建让小包感到很神奇，我不由会疑惑，脚手架难吗？ 不难，不止不难，还非常有意思，通过阅读小包的这篇文章，带你轻松搭建脚手架。

前端为啥一定要用“代理”？它解决了什么，又有什么弊端？ 打造一个专属【轻量代理层】，工作会更轻松！!

复杂的方案是为了解决复杂的问题。微前端毫无疑问是充满复杂性的技术，但有些时候为了业务、为了研发管理流程，你必须选择！

组件库的封装，是一个前端开发的日常工作之一，本文介绍了从零开始，用Webpack打包一个组件库的过程。

作者：滴滴公共前端团队 - 水乙 我们在使用 webpack 打包我们的工程模块时，经常会需要 devtool 开启 sourceMap 让我们可以调试代码，但是 webpack 文档中关于 devtool 给出了7种模式，文档也写得非常简略，初学者很难上手。本文将这7种模式的…

了解 `Babel` 插件基本知识，理解按需加载的内部原理，再也不怕面试官问我按需加载的实现原理了。

打包优化-整体介绍 项目开发完成 打包 ： 用webpack做打包（把.vue, .js, .less ------> .js, .css, .html） 在项目中都会提供命令： npm run bu