Vite 从入门到精通,玩转新时代前端构建法则

Posted NoBug1024

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vite 从入门到精通,玩转新时代前端构建法则相关的知识,希望对你有一定的参考价值。


Vite

Vite 是 vue 的作者尤雨溪在开发 vue3.0 的时候开发的一个 基于原生 ES-Module 的前端构建工具。其本人在后来对 vue3 的宣传中对自己的新作品 Vite 赞不绝口,并表示自己 ”再也回不去 webpack 了“ 。那么 Vite 究竟有什么魅力?


这里引用一下 vite 官网首页的描述:下一代前端开发与构建工具


为什么是下一代呢?


现有的前端构建工具不够我们用吗?


Vite 是不是在重复造轮子?


下面我就用简单的逻辑解释一下 Vite 的优越性。


为什么是下一代

为了解释“下一代”这个问题,我们需要先了解一下“上一代”有什么问题。


为了了解“上一代”的问题,我们就需要弄懂“模块化”的概念。


在ES6出现之前,我们的代码模块化都是使用的社区规范


例如 node.js 中的 Common JS 规范。它并不是语言官方给出的规范,而是我们的开发者社区提供的规范,只不过用在了 node.js 当中。


再比如我们客户端的 AMD、CMD 模块化规范


ES6 出现之后,代码模块化有了语言规范,即 ES-Module


ES-Module 是伴随 ES6 出现的原生js模块化解决方案,其优越性这里先略掉。


模块化方案有很多,基于这些方案的工具也有很多。这里先放个结论:抛弃社区规范,使用语言规范成为前端模块化开发的趋势


所以,Vite 可以说是“下一代“


以上是关于Vite 从入门到精通,玩转新时代前端构建法则的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目教程

Vite入门教程-下一代前端开发与构建工具

Vite开发快速入门

Vite开发快速入门

MATLAB从入门到精通-以实例的形式带你玩转Matlab三角函数

Webpack 4.X 从入门到精通 - entry与output