qq_18422039的博客

babel一词来自于希伯来语，直译为巴别塔巴别塔象征的统一的国度、统一的语言而今天的JS世界缺少一座巴别塔，不同版本的浏览器能识别的ES标准并不相同，就导致了开发者面对不同版本的浏览器要使用不同的语言，和古巴比伦一样，前端开发也面临着这样的困境。babel的出现，就是用于解决这样的问题，它是一个编译器，可以把不同标准书写的语言，编译为统一的、能被各种浏览器识别的语言。

配置文件中通过CommonJS模块导出一个对象，对象中的各种属性对应不同的webpack配置。，但更多的时候，我们会使用更加灵活的配置文件来控制webpack的行为。当命令行参数与配置文件中的配置出现冲突时，以命令行参数为准。webpack提供的cli支持很多的参数，例如。文件作为配置文件，但也可以通过CLI参数。默认情况下，webpack会读取。

由于webpack同时支持CommonJS和ES6 module，因此需要理解它们互操作时webpack是如何处理的。

webpack是基于模块化的打包（构建）工具，它把一切视为模块它通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系列的过程（压缩、合并），最终生成运行时态的文件。为前端工程化而生：webpack致力于解决前端工程化，特别是浏览器端工程化中遇到的问题，让开发者集中注意力编写业务代码，而把工程化过程中的问题全部交给webpack来处理简单易用：支持零配置，可以不用写任何一行额外的代码就使用webpack强大的生态。

本门课需要的前置知识：ES6、模块化、包管理器、git合适的深度：webpack使用层面很简单，但原理层面非常复杂合适的广度：webpack生态圈极其繁荣，有海量的第三方库可以融入到webpack。

构建工具 (CJS ESM) gulp webpack rollup esbuilder。浏览器（支持ESM）