Vite 2.0 发布了
执行上下文
共 2281字,需浏览 5分钟
·
2021-02-26 05:29
戳上方“执行上下文”,选择“置顶公众号”
关键时刻,第一时间送达!
作者 | 尤雨溪 整理|执行上下文
本文转载自尤雨溪的知乎专栏
2021年02月19日 Vite 2.0 正式发布了!
https://cn.vitejs.dev/guide/why.html
如果你想要了解 Vite 跟其它一些类似的工具有什么区别,可以参考下方的对比:
https://cn.vitejs.dev/guide/comparisons.html
2.0 带来了什么
多框架支持
全新插件机制和 API
基于 esbuild 的依赖预打包
更好的 CSS 支持
Vite 将 CSS 看作模块系统中的一等公民,并且内置了一下支持:
强化路径解析:CSS 中的 @import 和 url() 路径都通过 Vite 的路径解析器来解析,从而支持 alias 和 npm 依赖。 自动 URL 改写:所有 url() 路径都会被自动改写从而确保在开发和构建中都指向正确的文件路径。 CSS 代码分割:构建时每一个被分割的 JS 文件都会自动生成一个对应的 CSS 文件,并且两个文件会被自动并行按需加载。
服务端渲染 (SSR) 支持
旧浏览器支持
尝试一下!
功能很多,但是试一下其实很简单。只需要一分钟,用以下命令就可以迅速搭起一个基于 vite 的项目(确保你的 Node.js 版本 >=12):
npm init @vitejs/app
参考来源
英文文档
https://vitejs.dev/
中文文档
https://cn.vitejs.dev/
github
https://github.com/vitejs/vite
原文地址:
https://zhuanlan.zhihu.com/p/351147547
前端公众号和交流群
评论