1. 为什么会有loader机制 2. loader是什么，有什么作用 3. loader的分类、执行顺序是怎样的 4. 同步、异步loader的区别 5. 如何自定义一个loader

新的配置方法，更加简便，更加强大，并且是Babel官方成员更推荐的配置方法。官网还没有相关文档，所以这篇文章将会教会你如何使用新的配置方法

告别复制粘贴，读完这篇文章，你会对Babel各配置有一个系统的理解，并且还可以自己配置一个Babel

弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方

一、是什么 HMR 全称 Hot Module Replacement，可以理解为模块热替换，指在应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个应用 例如，我们在应用运行过程中修改了某个

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

前言 面试官: 了解webpack插件吗？ 面试官: 那你说说你了解的webpack插件 面试官: 写过webpack插件吗？ 面试官：em... 是不是很熟悉的场景，因为有时候我们确实没机会去对项目

前端在做性能优化的时候，其中一种有效的方式就是减少包体积的大小。而减少包体积大小的其中一种有效的方式就是tree-shaking，本文会对tree-shaking这个功能做一个详细的解析。

前言 面试官: webpack生产环境构建时为什么要将css文件提取成单独的文件？ 面试官：还有吗？ 面试官：那你有了解过css是怎么提取成单独文件的吗？ 看完本篇之后，希望小伙伴面试的时候碰到这个问