常见的前段打包工具和构建工具

常见的前端打包工具有哪些？
webpack
Parcel
browserify
RequireJS
rollup
gulp
grunt

代码构建后的输出格式有哪些？
amd - AMD
cjs -CommonJS
es - ES6 modules
umd - UMD
system - SystemJS loader

前端构建工具
vue：vue-cli、vite
react：

vite 中，我们的代码运行在浏览器环境中，因此是无法识别 process.env 变量的
vite.config.js 运行在 node 环境中，因此，可以识别 process.env 变量