前言：
一般现在企业级项目的构建工具都具备以下能力：
1.typescript: 使用typescript中的tsc将typescript语法转化为javascript语法
2. React/vue: 使用react-compiler、vue-compiler将jsx、.vue文件转化为render函数
3. less/sass/postcss/component-style: 安装一系列less-loader、css-loader、sass-loader、postcss-loader等css加载器进行编译
4.语法降级：将es6+的语法转化为浏览器可以识别的语法（比如:es5）
5. 体积优化： 将体积较大的文件压缩成体积更小的文件并进行代码分割，降低服务器负载、同时提升项目性能
6. 优化开发体验：构建工具会帮你自动监听文件的改变，一旦发生变化后会自动调用集成工具进行重新打包，再在浏览器重新运行
7.8.9 ....
构建工具到底是什么
总结：
构建工具是可以帮助开发者管理本地源文件，优化开发流程，降低开发复杂度，使开发者更加专注在业务逻辑开发上的一种工具。