1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

vite打包项目总感觉会有风险，但是vite做开发真的是贼快。 所以今天就是实验了一个写法，使用vite来开发调试，使用webpack来打包生产项目 创建项目 获得一个react的项目，它默认是使用w

本文主要优化两个方面：1.优化开发体验 2.优化输出质量.优化开发体验:提升效率,优化构建速度,优化使⽤体验.优化输出质量:优化要发布到线上的代码，减少⽤户能感知到的加载时间,提升代码性能.

对于开发环境而言，我们主要优化打包构建速度和优化代码调试。 开发环境性能优化 对于生产环境而言，我们主要优化打包构建速度和优化代码运行的性能。 生产环境性能优化 HMR HMR（Hot Module

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…