ROLLUP

webpack和vite对比解析（AI）

生产环境才用Rollup打包。依赖处理Webpack：冷启动时需全量打

秉承初心·2025-06-28 12:30

Vue组件自动引入插件——unplugin-vue-components 快速接入教程

unplugin-vue-components使用RollupAPI作为各种bundler/ebuild`工具API的抽象层，将Rollup风格的构建hooks和调用函数转换为与目标构建打包工具兼容的形式

前端77·2025-06-28 06:47

Vite 的出现及其优势

像webpack、Rollup和Parcel这些工具的出现，极大地改善了前端开发者的开发体验，让项目可以更好地进行模块化开发和管理。然而，随着项目规模的进一步扩大

流量留·2025-06-21 14:50

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

Rollup与Webpack分别代表着两种不同维度的解决方案，本文将揭示它们的真实应用场景与核心差异。

sg_knight·2025-06-15 01:31

Vite/Rollup 模块热更新

以下是关于Vite/Rollup模块热更新（HMR）原理的深度技术解析，从底层机制到高级实现全覆盖：一、HMR核心原理框架1.基础架构三要素客户端运行时（HMRRuntime）浏览器中的消息监听与模块更新执行器

前端岳大宝·2025-06-14 19:45

rollup工具打包报错问题汇总

hasbeenrewrittento`undefined`原因：这是因为打包后没有给this指向window，导致thisundefined，因此需要配置context参数来指定代码执行环境的参数为window解决：rollup.config.js

厚积而薄发1528·2025-06-14 01:53

DeFi模式：去中心化金融架构与流动性池设计

基础层的关键创新包括：模块化区块链架构：通过Rollup方案（如zkSync、Optimism）

Lovely_xwys·2025-06-11 16:41

常用的前端打包工具及对比

常用的前端打包工具及对比WebpackViteRollupParcel总结在前端开发的世界中，打包工具扮演着至关重要的角色，它们帮助我们将分散的代码和资源文件整合成一个或多个优化后的文件，以提高应用的性能和可维护性

暖阳浅笑-嘿·2025-06-08 14:56

探索RazorSvelte：现代Web应用的完美融合

RazorSvelte：现代Web应用的完美融合RazorSvelteTemplateprojectfor.NETRazorPageswithSvetleFramework,Bootstrap,andRollup

马琥承·2025-06-05 01:09

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

一套构建指令，它使用Rollup打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。vite主要功能以下是Vite的主要功能总结：快速开发服务器即时启动：利用原生ES模块，Vit

在星空下·2025-06-04 23:27

构建工具vite详解

生产中利用Rollup作为打包工具，号称下一代的前端构建工具。一、vite和webpack区别Webpack和Vite都是现代前端开发中广泛使用的构建工具，但它们在

简单灬爱·2025-06-04 23:56

vite-plugin-pwa报错：Configure “workbox.maximumFileSizeToCacheInBytes“ to change the limit

Somechunksarelargerthan500kBafterminification.Consider:-Usingdynamicimport()tocode-splittheapplication-Usebuild.rollupOptions.output.manualChunkstoimprovechunking

徐同保·2025-06-04 21:10

npm run build (!) Some chunks are larger than 500 kB after minification. Consider:

vite.config.js文件在exportdefaultdefineConfig内加入build代码build:{chunkSizeWarningLimit:1500,//加大限制的大小将500kb改成1500kb或者更大rollupOptions

weixin_41934979·2025-06-04 21:39

轻松玩转Vite/Rollup/webpack/esbuild/Rspack/babel插件开发（一）

大家好，我是VoerkaI18n前端多语言解决方案的作者，以下是我的一波开源项目：全流程一健化React/Vue/Nodejs国际化方案-VoerkaI18n无以伦比的React表单开发库-speedform终端界面开发增强库-Logsets简单的日志输出库-VoerkaLogger装饰器开发-FlexDecorators有限状态机库-FlexState通用函数工具库-FlexTools小巧优雅的

stonefisher·2025-06-04 01:39

《从零开始学习Vite》第二章：接入 CSS 工程化方案

系列文章在系列中，将从零学习Vite，系统梳理Vite本身的知识，也包括Vite底层所使用的Esbuild、Rollup双引擎、Babel编译工具链、模块规范标准等等构建生态。

Vettel-qin·2025-06-04 01:36

Arbitrum : 以太坊 Layer 2 最具影响力的王

Arbitrum作为以太坊Layer2（L2）扩容解决方案的领军者，通过其创新的OptimisticRollup技术，为开发者与用户提供了一个高效、低成本且与以太坊高度兼容的平台。

红烧6·2025-06-01 21:26

mysql的行转列和列转行

一、行转列1、使用case…when…then2、使用SUM(IF())生成列3、使用SUM(IF())生成列+WITHROLLUP生成汇总行4、使用SUM(IF())生成列，直接生成汇总结果，不再利用子查询

java1224·2025-05-26 08:50

SQLSERVER 使用 ROLLUP 汇总数据，实现分组统计，合计，小计

只需要增加withrollup即可SELECTCASEWHENGROUPING(GradeName)=1THEN'合计'ELSEGradeNameENDAS年级,SUM(CASEWHENSex=1THEN1ELSE0END

susie_小石头·2025-05-25 18:43

Webpack Tree Shaking机制原理深度解析

这一技术源自Rollup打包器，后由Webpack2引入，现已成为前端性能优化的核心手段。当合理配置时，TreeShaking可使JavaScript打包体积减少30%-60%，为前

晚夜微雨问海棠呀·2025-05-25 12:07

vite学习笔记

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

xx2406·2025-05-24 14:13

【Node.js】工具链与工程化

工具链全景2.包管理与依赖管理2.1npm(NodePackageManager)2.2yarn2.3pnpm2.4锁文件与依赖管理2.5工作空间与Monorepo3.构建工具与打包3.1Webpack3.2Rollup3.3esbuild3.4Babel3.5TypeScript

Guiat·2025-05-24 03:26

【Vite】分包策略详解

1.分包的优点2.分包的挑战三、Vite分包策略详解1.默认的自动分包2.手动配置Rollup的`manualChunks`3.分离框架和业务代码4.动态导入与懒加载四、如何合理制定分包策略？

Peter-Lu·2025-05-22 23:41

vitepress：编写vite插件实现vitepress自动sidebar

等我研究完vite和rollup再进行改造吧。

前端小白jyj·2025-05-22 17:10

简单使用vitepress快速搭建一个文档网站

nine是个工程师·2025-05-20 06:13

打包体积分析插件 vue3 (vite) ——rollup-plugin-visualizer，webpack——webpack-bundle-analyzer

使用打包工具在帮我门分析打包结果进而来做优化在用vite打包是通过rollup来完成的安装这里的打包体积优化是需要在开发环境下的所以不能在生产环境下安装的npminstall--save-devrollup-plugin-visualizernpmirollup-plugin-visualizer-D

HarryHY·2025-05-19 07:06

前端工程化&&Webpack 和 Vite 的区别

主要包括：模块化（ESModules、CommonJS）组件化（React/Vue组件）构建工具（Webpack、Vite、Rollup）代码规范（ESLint、Prettier）CI/CD（自动化测试

前端日记·2025-05-14 07:47

webpack5打包配置：从青铜到王者的进阶之路，笑出腹肌版！

与Rollup那个“专一深情的技术宅”不同，webp

程序员agions·2025-05-11 01:42

Doris使用（2）

目录1数据导入1.1BrokerLoad1.2StreamLoad1.3RoutineLoad1.4InsertInto2数据导出3数据删除4Rollup表官网使用手册：https://doris.apache.org

xiuxiuhh·2025-05-10 23:01

Spark 之 Aggregate

Aggregate参考链接：https://github.com/PZXWHU/SparkSQL-Kernel-Profiling完整的聚合查询的关键字包括groupby、cube、groupingsets和rollup4

zhixingheyi_tian·2025-05-09 18:12

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

一、为什么需要构建工具，前端构建工具具体干了些什么？前端最开始的开发模式为HTML+JS+CSS，写起来痛不欲生，要直面js操作dom、浏览器兼容js/css、代码压缩、开发中要不断手动刷新等问题。直到nodeJS后，出现了angular、react、vue等基于nodejs的前端框架，但是各前端框架都有自己的语法和框架机制，而这些东西浏览器并不认识，所以就需要一个构建工具，将框架的东西转成浏览器

Joker`s smile·2025-05-04 21:26

《从零开始学习Vite》第四章：自动化代码规范工具的使用

系列文章在系列中，将从零学习Vite，系统梳理Vite本身的知识，也包括Vite底层所使用的Esbuild、Rollup双引擎、Babel编译工具链、模块规范标准等等构建生态。

Vettel-qin·2025-05-04 09:05

Rollup、Webpack、Esbuild 和 Vite 前端打包工具

Rollup、Webpack、Esbuild和Vite都是前端开发中常用的打包工具，它们各有特点，以下是对它们的详细对比：核心功能Rollup：专注于JavaScript模块打包，擅长将小的JavaScript

三思而后行，慎承诺·2025-04-28 08:52

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

前端构建工具大乱斗：Webpack、Vite、Rollup和Parcel谁是你的菜？

全栈老李技术面试·2025-04-26 14:19

从0开始搭建一套工具函数库,发布npm,支持commonjs模块es模块和script引入使用

文章目录文章目标技术选型工程搭建1.初始化项目2.安装开发依赖3.项目结构4.配置文件tsconfig.json.eslintrc.jseslint.config.prettierrc.jsrollup.config.cjs

新时代农民工--小明·2025-04-24 13:18

vue vite开发时保留console.log打包完后依然想保留某个文件夹下的console.log方便以后的观察

首先需要安装包npmiterser@rollup/plugin-strip具体的包如下："@rollup/plugin-strip":"^3.0.4","terser":"^5.39.0",//这个不用也行如果不用则需要将

jjw_zyfx·2025-04-24 01:56

Tree Shaking（摇树优化）详解

TreeShaking（摇树优化）详解TreeShaking是现代JavaScript打包工具（如Webpack、Rollup、Vite等）中的一项重要优化技术，它的名字形象地比喻为"摇动一棵树，让没用的叶子掉下来

web网页精选·2025-04-22 01:52

【starknet】Web3

Rollup原理略懂即可。

jjjjjjjjj¢·2025-04-20 06:35

mysql 多表with rollup_MySQL 的 GROUP BY ... WITH ROLLUP

在书上看到了WITHROLLUP上滚查询的概念，我测试了一下，我的理解是如果GROUPBYA,B,CWITHROLLUP，那么结果是GROUPBYA,B,C和GROUPBYA,B和GROUPBYA和合并全表的一次查询

傻宁Fighting·2025-04-19 23:22

HiveSQL或SparkSQl中group by与grouping sets、with cube和with rollup用法演示

GROUPINGSETS：根据不同的维度组合进行聚合，等价于将不同维度的GROUPBY结果集进行UNIONALL数据准备：建表语句：createtabletmp.gb(astring,bstring,cint)rowformatdelimitedfieldsterminatedby'\t'storedastextfile;案例数据：111212222223212122使用案例：第一种组合：sele

木给哇啦丶·2025-04-19 23:50

Hive多维分析函数——With cube、Grouping sets、With rollup

groupingsets：多维度组合，组合维度自定义；withcube：多维度组合，程序自由组合，组合为各个维度的笛卡尔积；withrollup：是withcube的子集，以左侧维度为主，即不允许左侧为

吵吵叭火·2025-04-19 23:50

Vue组件库开发实战：从0到1构建可复用的微前端模块

技术栈Vue2.6.14Vuex3.6.2RollupPostCSSAntDesig

前端程序猿i·2025-04-18 09:08

前端工程化之自动化构建

原则反馈的技术实践encode-bundlepackage.json解读src/cli-default.tssrc/cli-node.tssrc/cli-main.tssrc/index.tssrc/rollup.tssrc

VillanelleS·2025-04-15 12:11

前端工程化--Rollup的使用

Rollup是一个JavaScript模块打包工具，它可以将小的代码片段打包成更大、更复杂的代码，如库或应用程序。以下是Rollup的基本使用方法以及一些常用插件的介绍。

前端_学习之路·2025-04-10 02:29

红宝书第三十二讲：零基础学会模块打包器：Webpack、Parcel、Rollup

红宝书第三十二讲：零基础学会模块打包器：Webpack、Parcel、Rollup资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、模块打包器是什么？

·2025-04-08 10:20

rollup.js 和 webpack

Rollup.js和Webpack都是流行的JavaScript模块打包工具。它们在前端开发中被广泛用于将多个模块打包成一个或多个bundle，以优化项目的性能和可维护性。

try again！·2025-04-07 21:12

主流Web3公链的核心区别对比

：特性以太坊(Ethereum)SolanaBNBChainPolygonAvalanche共识机制PoS（信标链+分片）PoH（历史证明）+PoSPoSA（权益证明权威）PoS+Plasma/zk-RollupsSnowman

萧大侠jdeps·2025-04-06 10:30

大数据（4.5）Hive聚合函数深度解析：从基础统计到多维聚合的12个生产级技巧

目录背景一、Hive聚合函数分类与语法1.基础聚合函数2.高级聚合函数二、6大核心场景与案例场景1：基础统计（SUM/COUNT）场景2：多维聚合（GROUPINGSETS）场景3：层次化聚合（ROLLUP

一个天蝎座白勺程序猿·2025-04-03 23:32

2024年最新ctfshow-WEB-web10( with rollup注入绕过)_ctf

进来以后是一个登录界面,盲猜是SQL注入漏洞点击取消按钮可以获取这一关的源码,下载到本地即可源码中先根据用户名查询用户信息,用户名通过以后,再判断密码是否相同,我们绕过用户名的过滤条件,在使用withrollup

2301_82056337·2025-03-29 23:14

第十五章 | Layer2、Rollup 与 ZK 技术实战解析

第十五章|Layer2、Rollup与ZK技术实战解析——构建下一代高性能区块链应用，从Solidity到zkSync！✅本章导读Layer2和零知识证明（ZK）正成为区块链发展的核心方向。

白马区块Crypto100·2025-03-27 13:14

基于Flink SQL的实时指标多维分析模型

.创建目标表es_sink配置Elasticsearch输出；3.通过多级视图（tmp→tmp_dedup→tmp1/tmp2→tmp3→tmp_groupby）实现数据清洗、去重、状态计算；4.使用ROLLUP

PONY LEE·2025-03-24 22:57

推荐频道