好的，

大家好，我是老友小王，今天来聊聊webpack迁移到vite这个话题。咱就是说Zui近好多朋友dou在跟我说要从webpack迁移过来尤其是10万行代码的巨型项目。实话实说迁移是个大工程，踩坑的可Neng性可高了！

你可Neng想问：为啥有些技术文章百度不收录呢？那可就有点玄了。简单来说百度收录算法比较复杂，会考虑hen多因素。比如文章质量、原创性、内部链接、外部链接等等。另外Ru果你的网站没有经过百度搜索蜘蛛抓取的权限，或者你的网站被判定为垃圾网站，也可Neng导致不收录。

咱先说说webpack配置得有多复杂吧。各种loader、plugin、alias、proxy还有自定义的打包分析脚本……搞得头大头昏。Ru果你的项目包含以下特征,迁移难度会升级: npm install vite @vitejs/plugin-vue --save-dev.Webpack: public/index.html Vite: 项目根目录 index.html .

webpack配置就像一团乱麻，各种插件混用、自定义loader……咱就是说！Vite的配置相对简洁明了直接上手容易。但Ru果你的webpack配置经过多人迭代，“迭代”可不是好玩儿的！

Webpack中我们用process.env来注入环境变量。Vite则推荐使用import.meta.env。全局搜索替换容易遗漏第三方库中使用了process.env的地方。

// 解决方案
'process.env': process.env

解决仔细对照文档并测试所有接口。

Webpack中我们用less-loader的modifyVars全局注入主题变量。Vite不支持这种写法。

css: { preprocessorOptions: { less: { modifyVars: { '@primary-color': '#1890ff' }, javascriptEnabled: true } } }

但这样只对组件库有效，自己写的less文件还需要手动@import全局变量文件。