Vite法语意为"快速的"，发音/vit/，下一代前端开发与构建的工具，等于现在的webpack。第一感觉：npmrundev的时候跑项目飞快创建vue3项目#npm版本,安装vu3之前需要检查npm版本号，对号入座：npm-v#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线：npminitvite@latestmy-vue-app----templatevue安装依赖npmi运行项目npmrundevVSC安装vue3配套插件Volar相信使用vscode和vue2的同学对vetur这个插件一定不会陌生。认识页面t

前言  最近一直在看vite的源码（传送）,恰逢公司的项目使用的是webpack，正好借此机会做下迁移，并将该过程记录。当前项目使用webpack+vue2对比  这里挑选了一个比较复杂的路由页面，分别使用vite和webpack启动，记录从npmrunstart到页面加载的耗时  vite  webpack基础改造  package.json中新建指令  alias别名    和webpack一样，配置resolve.alias  全局变量注入    使用vite内置的define代替webpack的DefinePlugin  proxy代理    定义server.proxy代替webpa

前言  最近一直在看vite的源码（传送）,恰逢公司的项目使用的是webpack，正好借此机会做下迁移，并将该过程记录。当前项目使用webpack+vue2对比  这里挑选了一个比较复杂的路由页面，分别使用vite和webpack启动，记录从npmrunstart到页面加载的耗时  vite  webpack基础改造  package.json中新建指令  alias别名    和webpack一样，配置resolve.alias  全局变量注入    使用vite内置的define代替webpack的DefinePlugin  proxy代理    定义server.proxy代替webpa

下周就要离开公司了，把手头上的事整理的差不多了，我的小伙伴被隔离要下周来才能交接，趁这个时间写点技术，之前处理了很多的oss、aws上传今天写下来，以后可能会用到，下面先说说oss的简单上传方式，因为分片上传最好100m以上，但这个分片上传呢，我们在开发服、测试服的时候都可以用，而生产环境因为运维那边配置了严格的权限，最后在生产环境用不了，还是用了简单上传，不管是简单上传还是分片上传，百度都有方法，只是参数不对就会影响上传1、先说client.put简单上传的参数，需要引入oss的sdkconstparams={    "dir":this.uploadData.dir,//路径  "dist

下周就要离开公司了，把手头上的事整理的差不多了，我的小伙伴被隔离要下周来才能交接，趁这个时间写点技术，之前处理了很多的oss、aws上传今天写下来，以后可能会用到，下面先说说oss的简单上传方式，因为分片上传最好100m以上，但这个分片上传呢，我们在开发服、测试服的时候都可以用，而生产环境因为运维那边配置了严格的权限，最后在生产环境用不了，还是用了简单上传，不管是简单上传还是分片上传，百度都有方法，只是参数不对就会影响上传1、先说client.put简单上传的参数，需要引入oss的sdkconstparams={    "dir":this.uploadData.dir,//路径  "dist