携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情。 前言 在之前的 如何优化你的 vue-cli 项目？ 一文中介绍基于 webpack 进行的一些优化方法

前言 随着公司前端工程越来越大，启动是无尽的等待，修改是焦急的等待。 vite 到现在生态也起来了，就有了把项目改造成 vite 的想法，但是项目后面可能要依赖 qiankun 改造成微前端项目，现在

最近接手一个体量很大的老项目编译特别慢，为了提高一下开发体验同时学习一下vite，于是尝试在webpack + React的项目中使用vite起一个开发服务（vite的速度这里就不多说了，懂的都懂），

背景 公司项目刚好要重构，之前用的是webpack，重构使用vite，下面从开发体验和生产环境两方面说明我们的失败原因，我们的技术栈是vue2 + ssr 开发体验 首屏加载时间长 项目迭代了8年以上

最近，就 前端开发过程中的痛点及可优化项 做了一次收集。 其中，构建耗时、项目编译速度慢 的字眼出现了好几次。 随着业务的快速发展，我们很多项目的体积也快速膨胀。 随之而来的， 就是打包变慢等问题。 提升研发效率，是技术人永恒的追求。 我们项目也有启动慢的问题，同事也提到过几次…

前言 如何让webpack有vite的速度 webpack vs vite 首先这一个问题我们要先将进行两段分析，webpack慢和vite快的原因是什么？

一个前端项目转换工具，可以让webpack项目支持vite。 wp2vite 不会删除你的项目的webpack的配置文件，但是会在你的项目中插入vite的配置文件。

webpack性能优化 今天主要讲解 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了

1. 项目较早 + 代码量大 + 插件类库版本低 + 各个节点优化空间逐渐变小 　　　　2. 为接下来Pro工程瘦身做准备； 　　*造成的困扰：* 　　　　PS：在以上问题的基础上，webpac