前端工程化
有哪些前端工程化工具或框架？
| 工具 | 描述 |
|---|---|
| Webpack | 模块打包器，支持 JS、CSS、图片等资源打包，插件生态丰富，适合复杂项目 |
| Vite | 现代开发首选 |
| Rollup | 专注于 JavaScript 库打包，原生支持 Tree Shaking，输出更小的生产包 |
| Parcel | 零配置打包工具，开箱即用，适合小型项目或快速原型 |
| FIS3 |
常见的 Loader 有哪些？各自的作用
babel-loader：转译 ES6+ 到 ES5。
css-loader：解析 @import/url()。
style-loader：将 CSS 注入 DOM。
sass-loader/less-loader：编译预处理器。
file-loader/url-loader：处理图片字体，url-loader 可转 base64。
vue-loader：解析 .vue 文件。
简述 Vite 相比 Webpack 的优势
开发环境：利用浏览器 ESM，无需打包，启动极快，HMR 毫秒级。
生产环境：基于 Rollup 打包，配置更简单。
内置支持 TS、CSS 预处理器、静态资源等，插件生态兼容 Rollup。
冷启动时间不受项目规模影响。