Vite Master前端构建模板
Vite 的热更新速度是真快,改个文件一保存,浏览器那边立马就更新,几乎感觉不到延迟。
尤雨溪做的这个 Vite,完全是为现代前端打工的节奏,适合做 Vue 3 项目。热更新快不说,启动也快,不需要像 Webpack 那样傻等一大堆编译完才跑起来。
vite-master.rar
这个压缩包里头有不少干货,像是项目模板、配置例子、还有一些实战训练。适合一边改一边学,踩坑的时候也能对照看看哪里配置错了。
Vite 的按需编译功能也挺香,首屏加载干净利落,后面用到啥再加载啥,不像传统工具一股脑全编了。对于开发大型项目来说,这点太友好了。
另外,Vite 跟 Vue 3 配合顺,像Composition API
、setup()
都直接支持,写法也清爽。想接点生态插件?Vite 的插件系统也挺灵活,比如加个vite-plugin-vue
或者vite-plugin-svg
,基本一行配置就搞定。
源码里你还能看到vite.config.js
怎么配置、静态资源怎么,还有alias
怎么搞,挺适合边拆边练习。如果你正好在学 Vue 3 或者准备搞个小项目,不妨下来看一眼,说不定就省了不少摸索时间。
顺带推荐几个实战项目看看:Vue3 + Vite 实战项目分享、Vite2 Vue3 后台模板、还有这个Vue3 + TypeScript + Vite 博客系统源码,都挺实用的。
如果你平时还在用 Webpack,不妨试试 Vite。用过之后你会发现,开发效率是真的不一样,响应快,配置也简单,写起来不累人。
vite-master.rar
预估大小:154个文件
openChrome.applescript
2KB
test.js
25KB
.gitignore
83B
testHmrManual.js
614B
template.html
136B
style.css
52B
testCssAtImportFromStyle.css
39B
imported.css
38B
testCssModuleAtImportFromScript.module.css
33B
imported.module.css
53B
499.45KB
文件大小:
评论区