打包原理 缺点 其他特点 webpack 解析各个模块的依赖关系 使用loader转换文件，使用plugin注入钩子，打包合并模块，最终生成bundle文件，使用express开启本地服务器， 浏览器 ...

webpack和gulp都是热门的前端构建工具，他们的区别是什么呢？ gulp的官网上是这样介绍的，“gulp是一个工具包，可帮助您自动化开发工作流程中繁重而耗时的任务。”，说明gulp旨在强调自动化前端构造流程，通过用户自定义配置一系列的任务(Task)，并排列好顺序后执行，从而构建 ...

本地项目 vite 使用 1. 安装 vite以及相关的插件 2. 在根目录新建一个文件 vite.config.js, 复制以下内容 3. 将public下边的index.html复制一份放到根目录，跟vite.config.js同级。然后在里面引入项目入口文件main.js，修改 ...

一、vite 到底是干嘛的？ vite 实际上就是一个面向现代浏览器，基于 ES module 实现了一个更轻快的项目构建打包工具。 vite 是法语中轻快的意思。 vite 的特点： 1、轻快的冷服务启动。vite 是面向现代浏览器的，浏览器支持 ES6 的 imports属性，利用 ...

愿景 希望通过本文，能给读者提供一个存/增量项目接入Vite的点子，起抛砖引玉的作用，减少这方面能力的建设成本 在阐述过程中同时也会逐渐完善webpack-vite-serve这个工具 读者可直接fork这个工具仓库，针对个人/公司项目场景进行定制化的二次开发 背景 在当下的业务开发中 ...

一、ES module 减少服务启动时间 由于大多数现代浏览器都支持上面的 ES module 语法，所以在开发阶段，我们就不必对其进行打包，这节省了大量的服务启动时间。另外，vite 按需加载当前页面所需文件，一个文件一个http请求，进一步减少启动时间。 二、缓存减少页面更新时间 ...

愿景 希望通过此系列文章，能给读者提供一个存/增量项目接入Vite的点子，起抛砖引玉的作用，减少这方面能力的建设成本 在阐述过程中同时也会逐渐完善webpack-vite-serve这个工具 读者可直接fork这个工具仓库，针对个人/公司项目场景进行定制化的二次开发 前言 在上一篇的文章 ...

你知道Vite和Webpack吗？也许有不少"程序猿"对它们十分熟悉。 Webpack Webpack是一个JavaScript应用程序的静态模块打包工具，它会对整个应用程序进行依赖关系图构建。而这也会导致一个不可避免的情况，使用Webpack启动应用程序的服务器，会花费比较长的时间 ...