前端构建

Vite的优缺点（精简版）

优点作为一款前端构建工具，它的核心特点是“快”，并且充分利用了现代浏览器对ESModules的原生支持，一切围绕这一点展开快启动：通过ESModules，它省去了打包整个应用的时间，可以直接在浏览器中加载模块
·2025-07-21 02:53

前端构建工具 Webpack 5 的优化策略与高级配置

前端构建工具Webpack5的优化策略与高级配置当你的项目启动需要一分钟，或者每次热更新都像在“编译整个宇宙”时，你可能已经意识到了一个问题：前端构建性能，正成为开发效率的瓶颈。
码力无边-OEC·2025-07-20 01:26

Vue3+Vite+TS+Axios整合详细教程

1.Vite简介Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。
老马聊技术·2025-07-12 18:01

Vite 权威技术指南：新一代前端构建工具

第1章：Vite简介：重新定义开发者体验核心定义Vite（法语，意为“快速”，发音/vit/）是一款旨在显著提升现代Web项目开发体验的新一代前端构建工具1。
·2025-07-11 21:41

Vite 常用配置详解

Vite是一个现代化的前端构建工具，相比Webpack具有更快的开发服务器启动和热更新速度。
啃火龙果的兔子·2025-07-08 07:05

webpack+vite前端构建工具 -答疑

webpack答疑1输入webpack命令，执行的是全局版本还是本地版本的webpack当在命令行窗口输入webpack命令时，其执行优先级可通过以下步骤明确判断：1.1【全局安装优先机制】执行原理：系统会按照环境变量PATH的顺序逐级查找可执行文件路径比对：全局安装路径：npminstall-gwebpack会安装在类似/usr/local/bin（Mac/Linux）或C:\Users\用户名
·2025-07-07 10:03

前端领域 Vite 与 Webpack 的深度对比

前端领域Vite与Webpack的深度对比关键词：Vite、Webpack、前端构建工具、模块打包、开发体验、性能优化、ESModules摘要：本文深入对比前端领域两大构建工具Vite和Webpack的核心原理
前端视界·2025-07-02 18:21

Webpack 中的 Loader 和 Plugin 全面详解

Webpack是现代前端构建体系的核心工具，其中Loader和Plugin是其功能扩展的两大支柱。它们虽然常一起出现，但本质和作用完全不同。
JaysonJin·2025-07-01 22:56

HTML前端的自动化构建工具使用

HTML前端的自动化构建工具使用：从手工作坊到智能工厂的蜕变关键词：前端构建工具、自动化流程、Gulp、Webpack、前端工程化摘要：本文将带你从前端开发的“手工作坊时代”出发，一步步理解为什么需要自动化构建工具
前端视界·2025-06-30 18:44

webpack+vite前端构建工具 - 9 webpack技巧性配置

9webpack技巧性配置9.1hash值的意义9.1.1hash控制问题：浏览器加载资源后会缓存资源，但是如果名字改了呢？回答：名字改了就不会缓存他了，会启动新的资源。【项目发版】现象：a.css，当项目的css更新了，但浏览器会取用缓存的a.css文件，因此用户看到的还是旧的css文件解决：给打包文件加hash值。内容改变，hash改变。现象：加上hash后，如果css内容没有变化，那么继续用
abigale03·2025-06-24 07:19

webpack es6 npm包_前端 Webpack 工程化的最佳实践

作者|阿里文娱前端开发专家芃苏责编|屠敏头图|CSDN下载自视觉中国引言▐前端构建工具的演变回想在2015-2016年的时候，开发者们开始渐渐把视线从大量使用TaskRunner的Grunt工具，转移到
·2025-06-18 20:14

Vite 存在任意文件读取漏洞(CVE-2025-30208)

一：产品介绍Vite是一个面向现代Web开发的轻量级前端构建工具，由Vue.js作者尤雨溪团队打造。它基于原生ES模块（ESM）提供极速的开发服务器启动和热更新，利用浏览器原生支持
Byp0ss403·2025-06-18 17:50

Vite 及生态环境：新时代的构建工具

前言前端构建工具的演进历程见证了Web开发从简单的文件处理到复杂的模块打包系统的转变。
BitCat·2025-06-18 05:30

2025 最新最全 Vite5+Electron+SQLite3+Vue3 工程搭建指南

1组件说明操作系统：windows11组件版本说明Vite5.1.6前端构建工具ESLint9.25.1代码问题发现和修复共建Prettier3.5.3一个流行的开源代码格式化工具TypeScript5.2.2
食尘者·2025-06-17 12:34

Vite：下一代前端构建工具的革命性突破

文章目录引言什么是Vite？Vite的核心原理1.基于ES模块的开发服务器2.依赖预构建3.热模块替换（HMR）Vite的主要特性1.极速启动2.框架无关3.丰富的插件生态实战应用场景1.创建新项目2.迁移现有项目3.环境变量配置性能优化策略1.代码分割2.资源优化3.开发服务器优化与其他构建工具的对比实践与注意事项1.项目结构建议2.常见问题解决3.插件开发未来展望引言在现代前端开发的浪潮中，构
司南锤·2025-06-16 17:57

Vite vs Webpack：现代前端构建工具深度对比

目录1.核心概念与设计哲学1.1Webpack：基于打包的构建系统1.2Vite：基于原生ESM的开发服务器2.架构与工作原理对比2.1构建流程对比2.2核心技术差异3.性能对比分析3.1开发环境性能3.2生产构建性能对比4.配置与使用体验4.1基础配置示例4.2功能支持对比5.生态系统与插件5.1插件架构对比5.2常用插件对比6.进阶特性对比6.1代码分割策略6.2自定义处理流程7.迁移与兼容性
梦幻南瓜·2025-06-15 01:05

深入剖析 Webpack：前端构建的核心引擎

深入剖析Webpack：前端构建的核心引擎在现代前端开发中，Webpack已经成为了不可或缺的工具，它是前端构建的核心引擎，负责将项目中的所有资源打包成浏览器能够识别和执行的代码。
全栈探索者chen·2025-06-15 01:34

Rollup vs Webpack 深度对比：前端构建工具终极指南

前端工程领域始终面临一个根本选择：如何在模块化编码规范与工程化构建效率之间取得最佳平衡。Rollup与Webpack分别代表着两种不同维度的解决方案，本文将揭示它们的真实应用场景与核心差异。一、核心差异全景图（附最新对比）核心能力对比表（实测数据）：维度Rollupv4.8Webpackv6.5Tree-Shaking精度可清除未引用类方法仅支持模块级清除输出纯净度无运行时包装代码自带__webp
sg_knight·2025-06-15 01:31

vite原理

Vite是一个由EvanYou（Vue的作者）开发的前端构建工具，它的核心目标是更快的开发启动速度和更高效的构建过程。
光影少年·2025-06-13 06:40

12.vite，webpack构建工具

Vite是一个前端构建工具+开发服务器，可以帮你：•开发阶段：秒开项目，改代码能瞬间热更新（体验超爽）；•生产阶段（build阶段）：快速打包优化代码，生成可以上线的文件。
xd00002·2025-06-10 03:13

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S
weixin_34014555·2025-06-07 11:28

前端组件、插件汇总

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S
弹琴弹琴·2025-06-07 11:24

前端构建工具|vite快速入门

认识vitevite组成部分Vite是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于原生ES模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）。
在星空下·2025-06-04 23:27

构建工具vite详解

前言Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。
简单灬爱·2025-06-04 23:56

vite构建工具初识

一、什么是vitevite官网地址：https://cn.vitejs.dev/Vite是一个由Vue.js作者尤雨溪开发的新一代前端构建工具，它相比于传统的webpack，具有更快的启动速度、更高的开发效率和更简洁的配置方式
jieyucx·2025-06-04 23:24

ThingsBoard3.9.1技术栈总结包括前端/后台/APP

目录1.技术栈1.1前端技术栈1.2后台技术栈1.3APP技术栈1.技术栈1.1前端技术栈TB3.9.1版本：类别技术/依赖项版本说明前端构建工具Node.jsv20.11.1JavaScri
咚咚汇·2025-05-29 06:53

Webpack Tree Shaking机制原理深度解析

WebpackTreeShaking机制原理深度解析Webpack的TreeShaking机制是现代前端构建工具中一项革命性的代码优化技术，通过静态分析ES模块的依赖关系，自动识别并移除未使用的代码，显著减小打包体积
晚夜微雨问海棠呀·2025-05-25 12:07

vite学习笔记

Vite（法语意为"快速"）是新一代前端构建工具，由Vue.js创始人尤雨溪开发，具有以下核心特性：极速启动：冷启动时间比传统工具快10-100倍闪电热更新：HMR更新速度不受项目规模影响智能构建：生产环境使用
xx2406·2025-05-24 14:13

从零开始搭建一个 Vue 3 + Vite + TypeScript 的项目

Vite是一个现代化的前端构建工具，它提供了极快的冷启动和热更新速度，非常适合开发Vue3项目。
会飞的鱼先生·2025-05-24 04:01

将 React 应用迁移至 Vite

Vite是下一代前端构建工具，可以
蚂蚁二娘·2025-05-22 08:07

Vite：快速构建现代Web应用的工具

一、Vite简介Vite是由Vue.js的作者尤雨溪开发的下一代前端构建工具，旨在提高开发体验和构建速度。它具有以下几个特点：极速冷启动：Vite利用浏览器的原生ES模块支持，在开
小于负无穷·2025-05-14 18:23

Webpack、Vite区别知多少？

前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？
m0_74824044·2025-05-14 08:18

Webpack vs Vite：深度对比与实战示例，如何选择最佳构建工具？

Webpack曾经是前端构建的事实标准，但随着前端生态的变化，Vite作为新一代工具迅速崛起，凭借更快的启动速度和更好的开发体验赢得了大量用户。那么，Webpack和Vite到底有哪些核心区别？
思扬0928·2025-05-09 02:05

webpack、rollup、vite、esbuild 前端构建工具到底有什么关系和区别？

一、为什么需要构建工具，前端构建工具具体干了些什么？前端最开始的开发模式为HTML+JS+CSS，写起来痛不欲生，要直面js操作dom、浏览器兼容js/css、代码压缩、开发中要不断手动刷新等问题。
Joker`s smile·2025-05-04 21:26

Vite 开发快速入门

前言Vite已经出来很久了，新版本也比较稳定，有没有打算入手一下，推荐下面这篇文章一、Vite简介Vite(法语意为"快速的"，发音/vit/)是一种面向现代浏览器的一个更轻、更快的前端构建工具，能够显著提升前端的开发体验
Luffy船长·2025-05-04 09:35

vite入门教程

Vite是一款现代前端构建工具，它利用ES模块的原生支持来实现更快的开发服务器启动速度和更高效的热更新体验。本教程将帮助你快速上手Vite，并开始使用它进行项目开发。
2501_91537388·2025-05-04 08:04

前端开发核心知识01 - 现代前端开发框架

本文详细探讨了现代前端开发的核心概念，涵盖了Vite作为高效的前端构建工具，以及主流的前端框架（Vue、Preact、Svelte、Lit、Solid、Qwik）的特性、使用方法和适用场景。
2301_76646956·2025-05-04 03:01

css-loader 与 style-loader：Webpack 中样式加载的双雄

理解它们各自的功能以及为何常常搭配使用，对于深入掌握前端构建流程至关重要。
学习机器不会机器学习·2025-04-29 12:54

WebXR教学 05 项目3 太空飞船小游戏

WebXR教学项目3太空飞船小游戏（1）准备工作自动创建package.json文件npminit-y安装Three.js3D图形库，安装现代前端构建工具Vite（用于开发/打包）npminstallthreevite
90后小陈老师·2025-04-28 11:12

【高频考点精讲】前端构建工具对比：Webpack、Vite、Rollup和Parcel

前端构建工具大乱斗：Webpack、Vite、Rollup和Parcel谁是你的菜？
全栈老李技术面试·2025-04-26 14:19

开源版「v0」OpenUI：根据文本生成UI界面代码

Stars数20927Forks数1945主要特点AI生成前端：输入自然语言或者UI截图，大型语言模型（LLM）辅助前端构建。实时预览：能直接看到UI渲染效果，方便调整和迭代。
开源项目精选·2025-04-23 13:05

现代前端构建工具对比：Vue CLI、Webpack 和 Vite

一、引言在现代前端开发中，选择合适的构建工具对于提高项目的效率和可维护性至关重要。️VueCLI、Webpack和Vite是目前最流行的三个构建工具，它们各自具有独特的优势和适用场景。本文将深入探讨这些工具的特点，帮助开发者根据自己的项目需求做出明智的选择。一、VueCLI的优势VueCLI提供了一个开箱即用的Vue项目配置，极大地简化了项目的初始设置。它内置了Webpack，这意味着开发者可以立
AmHardy·2025-04-20 14:31

webpack 合并压缩_webpack4.0各个击破（4）—— Javascript & splitChunk

本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。
weixin_39600837·2025-04-16 12:13

下一代前端构建工具 Astro，快如闪电！

Astro是一个开源的JavaScript框架，用于在流行的UI框架（如React、Preact、Vue或Svelte）之上生成Web应用。Astro的页面由多个独立的组件组成。为了提高加载速度，Astro会在服务端对页面进行预渲染，并剥离所有JavaScript，除非将某个组件标记为交互式，此时Astro将发送必要的最小量JavaScript以实现交互功能。Stars数50394Forks数26
开源项目精选·2025-04-11 13:47

探索未来前端开发的星辰大海 —— Astro-Remote 项目深度解析

这不仅是一个项目的名字，更是代表了下一代前端构建与部署理念的先锋探索者。Astro-Remote立足于简化分布式应用的管理，通
倪澄莹George·2025-04-11 12:39

Webpack vs Vite：现代前端构建工具的巅峰对决与选型指南

构建工具的进化革命当雪碧瓶上的水珠折射出前端工程的变迁史，Webpack与Vite的决战已然成为现代前端开发的分水岭。这场始于打包理念的革命，正在重塑整个前端生态的底层逻辑。本文将从原理架构、性能表现、开发体验三个维度，结合真实项目数据对比，为您揭示构建工具选型的终极密码。##一、理念碰撞：打包器vs开发服务器###1.1Webpack的工业时代思维Webpack的核心是构建依赖图，通过loade
Loving_enjoy·2025-04-07 03:22

Webpack vs Vite：深度对比与实战示例，如何选择最佳构建工具？

Webpack曾经是前端构建的事实标准，但随着前端生态的变化，Vite作为新一代工具迅速崛起，凭借更快的启动速度和更好的开发体验赢得了大量用户。那么，Webpack和Vite到底有哪些核心区别？
女巫的黑猫·2025-04-07 03:20

【前端构建】使用Docker打包多个前端项目到一个Nginx镜像，并给conf文件动态传递参数

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录背景正文DockerFileNginx配置模板接收变量并替换Shell脚本将Nginx配置模板替换成配置文件使用构建镜像运行容器总结背景公司给一些客户要部署三个前端项目。最初，每个前端项目都以独立的镜像形式交付并部署。然而，随着客户数量的增加，每个客户都提出了一些自定义需求，后端也进行了对应改造。这导致了部署过程变得复杂且繁琐
Zacks_xdc·2025-03-24 17:14

Vite：现代前端构建工具的新选择

Vite作为一个由Vue.js创建者尤雨溪开发的新一代前端构建工具，正是为了解决这些问题而诞生的。本文将深入探讨Vite的优势、核心特性以及它与传统构建工具的对比。
前端切图仔001·2025-03-05 11:15

Webpack、Vite区别知多少？

前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？
m0_74824044·2025-02-28 23:58
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他