前端工程化

Vite 对于开发者如此友好又这么强大，而我现在的项目还在使用传统的方式开发，灰常不开森，我能在传统项目中使用 Vite 吗？

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码。Rollup 对代码模块使用新的 ES Module 标准，而不是以前的社区模块化方案，如CommonJS

历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。

为什么要有 Vite？ 在浏览器支持 ES 模块之前，开发者没有以模块化的方式开发 JavaScript 的原生机制。这也是 “打包” 这个概念出现的原因：使用工具抓取、处理和链接我们的源码模块到文件

对于 Webpack，很多人的第一印象肯定是 “打包工具”。 ​ 那前端为什么需要打包工具呢？Webpack的工作机制和核心原理到底是啥？

自动化构建的概念 自动化构建是前端工程化中非常重要的一个环节。自动化其实就是将手动的部分交给机器完成，构建可以理解为转换的意思，其实就是将我们写的代码转换成能够上线运行的代码。

工程化中，最重要的就是脚手架工具了，什么是脚手架工具呢？生活中其实很常见：比如之前我们家包饺子，都是自己擀皮，后来发现楼下超市有买饺子皮的，饺子皮就是个半成品，脚手架工具就是做这些半成品的。

什么是前端工程化？前端工程化就是通过各种工具和技术，提升前端开发效率的过程，解决开发中遇到的一些问题。

本文作者：阿商、周泽斌、高智恒脚手架的目标统一化：统一模块输入输出能够快速生成适用于自身的新项目的目录模板（项目脚手架）。提升开发效率，减少相同功能的组件重复开发（模块脚手架）。标准化：建立模型标准，