![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vite
文章平均质量分 68
Lilio1216
just do it
展开
-
vue2.x 项目 webpack升级vite避坑总结
前言目前一个用webpack构建的vue2.X 项目由于业务扩展越来越大,导致项目在本地编译时热更新很慢,页面更新需要10几秒以上。为提高团体开发速度和效率,最近打算把底部打包构建的环境由webpack迁移为vite。为什么 Vite 启动这么快底层实现上, Vite 是基于 esbuild 预构建依赖的esbuild 使用 go 编写,并且比以 js 编写的打包器预构建依赖, 快 10 - 100 倍。 因为 js 跟 go 相比实在是太慢了,js 的一般操作都是毫秒计,go 则是纳秒原创 2021-09-26 17:05:22 · 6112 阅读 · 7 评论 -
批量引入svg方案
1. webpack批量导出核心代码:import Vue from 'vue'import SvgIcon from '@/components/SvgIcon'// svg component// register globallyVue.component('svg-icon', SvgIcon)// 通过node的require批量导出const req = require.context('./svg', false, /\.svg$/)const requireAll = r原创 2021-09-23 10:08:09 · 656 阅读 · 0 评论 -
vite学习记录
Vite 官方中文文档rollup.js 中文文档vite解决服务器启动缓慢问题:当冷启动开发服务器时,基于打包器的方式启动必须优先抓取并构建你的整个应用,然后才能提供服务。Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类,改进了开发服务器启动时间。依赖 大多为在开发时不会变动的纯JavaScript。一些较大的依赖(例如有上百个模块的组件库)处理的代价也很高。依赖也通常会存在多种模块化格式(例如 ESM 或者CommonJS)。Vite 将会使用 esbuild 预构建依原创 2021-09-18 16:20:18 · 111 阅读 · 0 评论