前端构建工具vite进阶系列

前言 在create-vue快速生成项目，到底是怎么做的一文中，我们只讲了通过npm create vue@latest来创建一个项目，并生成以下指令： 但是并没有讲到后面pnpm dev，也就是np

前言 vite作为下一代的打包构建工具，怎么会少的掉与现有主流框架的结合实践呢？vite页提供了几组预设： 那么我们分别用vite来创建一个Vue、React的项目吧，这里只是用vite去初始化一个项

前言 首先我们需要确认一点，不管是webpack也好，vite也好，rollup也好，他们都只是构建工具，所以这一章我们就来探索一下项目在构建时的策略所能带来的性能优化。想学习webpack的同学，请

前言 热更新(HMR)机制无疑是开发者的福音，它能够在项目模块发生更改的时候，自动刷新页面，免去了手动刷新页面的操作，大大提高了开发效率，嗯？自动刷新页面，这里好像是有点说法不妥!对自动对页面上的更改

前言 上一章前端构建工具vite进阶系列(三) -- 静态资源与css模块化的处理讲解了vite对静态资源的开箱即用与css模块化配置，比起webpack那么多约束，vite可谓是抛弃了那么沉重的包袱

前言 上一章前端构建工具vite进阶系列(二) -- vite的依赖预构建与配置文件相关处理讲解了vite的依赖预构建与配置文件相关处理，能够让你使用vite去开发项目的时候，更加得心应手，这一章我们

前言 上一章前端构建工具vite进阶系列(一) -- vite比webpack的优势与开箱即用中，我们稍微体验了一下使用vite来打包资源，并且可以解决非相对/绝对路径的资源引入导致的报错问题，那么这

`Vite`产生于`Vue`团队，是一个新型的构建打包工具，它具有如下特点。 - 极速的服务启动 - 轻量快速的热重载 - 丰富的功能 - 优化的构建 - 通用的插件 - 完全类型化的API

前言 都2022年了，你该不会觉得只会个Html、Css、JavaScript就能找到一份满意的工作了吧？如果你对前端稍有了解，那你一定会知道React、Vue，是现在一枚前端入门所必要的利剑，那光会