起步
最近经常看到实习生趁着Webpack编译时去撒尿。我发现,是时候拥抱Vite啦。
Vite 使用了相当多的手段,提升项目编译速度。预构建,强缓存,内置处理器等等优点,提供开箱即用的舒适体验。
如果你想了解更多,请移步Why Vite?
Vite
我们的项目基于vue2.x,所以整合Vite,有以下三步:
- yarn add -D vite
- yarn add -D sass
- yarn add -D vite-plugin-vue2
接下来,创建配置文件vite.config.js
import {
defineConfig } from 'vite'
import {
createVuePlugin }

本文讲述了从Webpack转向Vite的原因和过程,通过整合Vite、Sass和vite-plugin-vue2,实现快速开发,提高实习生的工作效率。文章以轻松幽默的方式展现了Vite带来的编译速度提升,旨在分享优化前端构建工具的经验。
最低0.47元/天 解锁文章
662

被折叠的 条评论
为什么被折叠?



