基础篇01|前端开发为何离不开构建工具？

前端开发过程中，离不开浏览器。但浏览器只能识别三种类型的文件：

HTML、CSS、JavaScript

而一个企业级项目的组成，远远不止这三种。

为什么需要构建工具？

一个企业级前端项目，通常至少涉及以下内容：

1. TypeScript
   遇到 .ts 文件时，需要使用 tsc 将 TypeScript 转换为 JavaScript。
2. React / Vue 等框架支持
   需要安装 react-compiler 或 vue-compiler，将 JSX 或 .vue 文件转换为可运行的 Render 函数。
3. CSS 预处理器支持
   比如 less / sass / postcss 等，需借助 less-loader、sass-loader 等工具处理。
4. 语法降级
   使用 Babel 将 ES6+ 等新语法转换为旧浏览器