webpack、vite、vue-cli、create-vue 这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。

常用loader

• file-loader: 加载文件资源，如 字体 / 图片 等，具有移动/复制/命名等功能；
• url-loader: 通常用于加载图片，可以将小图片直接转换为 Date Url，减少请求；
• babel-loader: 加载 js / jsx 文件， 将 ES6 / ES7 代码转换成 ES5，抹平兼容性问题；

# 面试常问：为什么 Vite 速度比 Webpack 快？

【引言】

在当今Web前端开发领域，构建工具的重要性不言而喻，其中Webpack与Vite作为主流的构建工具，常常成为开发者和面试官关注的焦点。特别是在速度方面，Vite因其显著的性能优势，逐渐崭露头角并受到广大前端开发者的青睐。本文将深度剖析Vite为何能在速度上优于Webpack，让你在面试中自信应对此类问题，同时提升对现代前端构建工具的理解。

经过最近几年的爆炸式发展，前端早已不是简单的页面开发了，想要在现代化前端开发工作中有足够的开发效率，你一定离不开 Webpack 相关技术栈。

本文同步本人掘金平台的文章：https://juejin.cn/post/6844903890408701965

构建工具有很多，比如Npm Script任务执行者、Grunt也是任务执行者、Gulp基于流的自动化构建工具、Fis3百度构建工具、Webpack打包模块化JavaScript工具和Rollup模块打包工具。

在前端开发中，随着项目的逐渐壮大，管理和维护不同环境（如开发环境、测试环境、生产环境等）的配置信息成为了一个重要的挑战。Webpack作为前端构建工具，其提供的环境变量功能能够帮助我们有效地解决这个问题。

为什么又造个轮子？

为什么又要构建一个 JavaScript 构建工具呢？因为当前用于 Web 的构建工具比用户期望的性能至少慢一个数量级。我希望这个项目可以作为一种“存在证明”，证明我们的 JavaScript 工具实际上能比现在快得多。