前端开发的时候为什么使用构建工具？

“构建”也可理解为“编译”，这是将开发环境的代码转换为运行环境的代码的过程**开发环境的编码是为了更好地阅读，而运行环境的编码则是为了更快地执行。

这两个目的不同，因此代码形式不同**。

例如，在开发环境中编写的JS代码只能在经过混淆和压缩后才能在线运行，因为代码更小，对代码执行没有影响。总结需要由构建工具处理的几种情况：

***处理模块化**：CSS和JS的模块化语法目前无法与浏览器兼容。因此，开发环境可以使用已建立的模块化语法，但需要构建工具将模块化语法编译为浏览器可识别的形式。例如，使用webpack、Rollup等来处理JS模块化。

***编译语法**：编写CSS时使用Less和Sass，编写JS时使用ES6和TypeScript。目前，这些标准与浏览器不兼容，因此您需要构建工具来编译它们，例如，使用Babel来编译ES6语法。

***代码压缩**：CSS和JS代码混合并压缩，以使代码更小，加载速度更快。