# Vite 是什么？

Vite (读音类似于 [weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。

# 写在前面

前端模块化 / 构建工具从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有资源组装依赖打包 webpack / rollup / parcel 的 bundle 类模块化构建工具，再到现在的 bundleless 基于浏览器原生 ES 模块的 snowpack / vite ，前端的模块化 / 构建工具发展到现在已经快 10 年了。

本文主要回顾 10 年间，前端模块化 / 构建工具的发展历程及其实现原理。

看完本文你可以学到以下知识：

• 模块化规范方案
• 前端构建工具演变，对前端构建有一个系统性认识
• 各个工具诞生历程及所解决的问题
• webpack/parcel/vite 的构建流程及原理分析

（因涉及一些历史、趋势，本文观点仅代表个人主观看法）

2022 年一开始，就有互联网公司接二连三地曝出裁员的消息！

据媒体报道，快手开启了较大范围裁员，覆盖电商、算法、国际化、商业化、游戏、A 站等多个业务部门，个别团队裁员比例达到 30%。

电商巨头蘑菇街也在裁员，技术部门裁员比例高达 80%，整体大概裁员 30%，运维部门仅剩 3 人，产品岗则仅剩 2 人。

在微博上有一个名为 “今天你从银行辞职了吗” 的微博超话，这个 2018 年 7 月 5 日组建的话题里，已经有 5.8 万篇帖子，3.2 亿阅读。

三年半时间里，无数银行人或曾经的银行人，在这里发帖、打卡、逗留。无数人在这个话题上挣扎……

经常设计 form 表单的开发应该知道，用户在浏览器中向表单输入信息的时候会被 input 记录下来，以后每次双击 input 文本框时都会展示以前输入过的信息，虽然这样很方便，但会暴露用户的隐私数据。那如何禁止 input 输入框不记录用户输入的信息呢？下面就来说一下！

# input 中的 autocomplete 属性

autocomplete ：属性定义 input 是否启用自动完成功能，也就是我们说的是否记录用户数据！

autocomplete 有两个值，分别为 on 与 off.

on：启用自动完成功能，记录用户数据！

off：关闭自动完成功能，不记录用户数据！

注

• autocomplete 属性适用于 form 标签，以及 text, search, url, telephone, email, password, datepickers, range，color 等类型的 input 标签！

# http-equiv 属性

http-equiv 顾名思义，相当于 http 的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为 content，content 中的内容其实就是各个参数的变量值。

meta 标签的 http-equiv 属性语法格式是：

<meta http-equiv="参数"content="参数变量值">