ROLLUP

分析vite2.x/rollup分包原理，解决chunk碎片问题

背景年前开始负责新项目开发，是一个h5内嵌到企业微信。技术栈是vite2.x+vue3.x。随着业务的开展，版本迭代，页面越来越多，第三方依赖也越来越多，打出来的包也越来越大。针对这个问题，很容易就会想到分包这个解决方案。根据vite官方文档提示，做了vendor分包之外，还对路由引用的组件做了异步加载处理，也会产生独立分包。这种配置在某个阶段是没问题的。遇到问题在vite配置文件，通过build
RockerLau·2022-08-11 16:11

MySQL之数据查询（分类汇总与排序）

[WITHROLLUP]GROUPBY可以根据一个或多个列进行分组，也可以根据表达式进行分组，经常和聚合函数一起使用。例：输出Book表中图书类别名SELECT图书类别FROMBookGROU
遇安.112·2022-08-11 12:22

使用Rollup.js来压缩打包Node.js/TS项目

0.写在前面正常情况下使用tsc将TS项目转化为JS，但是因为没有使用打包工具，所以往往体积较大，本教程使用Rollup.js来压缩tsc后的JS程序，实现打包和压缩本教程基于使用TS开发的Node.js
·2022-08-10 09:55

关于常用构建工具的一些总结

在学习过程中，小编发现要想弄懂vite的核心原理，还需要去了解esbuild和rollup，因此又花费了一些时间去了解这两个构建工具。通过对这三
barnett_y·2022-08-09 09:03

Rollup 编译资源离不开 plugin

rollup也是一个JavaScript的模块化编译工具，可以帮助我们处理资源。与webpack比较rollup相比webpack理念更为简单，能处理的场景也更有限。
·2022-08-07 19:47

支持cjs及esm的npm包实现示例详解

目录正文tsccjsesmpackage.jsonrolluprollup.config.jspackage.jsonwebpackwebpack.config.jspackage.jsonesbuild
·2022-08-07 12:34

如何打一个既支持cjs，又支持esm的npm包？

tscrollupwebpackesbuildtsctsconfig.jsontsconfig-esm.jsonpackage.
·2022-08-05 17:20

3分钟精通高阶前端随手写TS插件

目录正文什么是Rollup？为何要做脚手架？它能干啥？
·2022-08-05 13:33

Vite 插件编写之虚拟模块

虚拟模块的概念虚拟模块是Vite沿用Rollup的虚拟模块，虚拟模块类似alias别名，但是模块的内容并非直接从磁盘中读取，而是编
·2022-08-01 20:09

使用gulp助力前端自动化

前言随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。
贵贵子·2022-07-29 10:00

小满 前端埋点SDK 带你 从0 开发 并且发布npm

本章目录1.目录结构2.安装开发依赖3.配置rollupconfigjs4.srctype定义类型5.srccore核心功能6.工具函数src/utils/pv埋点就是数据采集-数据处理-数据分析和挖掘
小满zs·2022-07-28 10:06

2022 前端发展趋势

打包工具传统：Webpack,Rollup,Parcel,Esb
周晓风·2022-07-26 07:57

干货 | 携程机票前端Svelte生产实践

作者是RichHarris，也就是Ractive,Rollup和Buble的作者，前端界的“轮子哥”。通过静态编译减少框架运行时的代码量。
携程技术·2022-07-19 19:00

JavaScript前端构建工具原理的理解

目录前言构建工具的前世今生YUITool+AntGrunt/GulpWebpack/Rollup/ParcelVite/Esbuildjs模块化的发展史和构建工具的变化青铜时代白银时代黄金时代结束语前言最近有幸在前端团队里面做了一次关于
·2022-07-19 14:45

使用vite构建一个自己的vue3.0的UI组件库，并发布到npm

编写DIY组件Button自己写第一个组件库之Button使用rollup打包库安装使用rolluppackage.jsrollup.config.js发布包到npm注册npm账号使用npm发布如何使用在项目中导入在
物痕·2022-07-15 07:17

【Vue2源码解析】01.响应式原理

主要内容Vue响应式原理支持，对象属性劫持实现对数组的方法劫持模板编译原理，将模板转化成ast语法树代码生成，实现虚拟DOM通过虚拟DOM生成真实DOM环境准备：npminstallrollup//将高级语法转换为低级语法
霜霖❀·2022-07-12 21:43

Vue vue.config.js 的详解与配置

Vue的vue.config.js配置1.为什么要配置vue.config.js由于vue-cli3也学习了rollup的零配置思路，所以项目初始化后，没有了以前熟悉的build目录，也就没有了webpack.base.config.js
前端菜鸟-AllenYe·2022-07-10 14:38

rollup输出的6种格式详解

目录学习本文为什么要学这个？DEMO与示例构建一、IIFE自执行函数1.1打包结果分析1.2如何运行1.3优缺点二、CommonJS2.1分析打包结果2.2如何运行2.3优缺点三、AMD和requirejs!3.1打包结果分析3.2如何运行3.3优缺点四、UMD伟大的整合4.1打包分析4.2如何运行？4.3优缺点五、SystemJs六、ESM6.1打包分析6.2如何运行总结：分别适合在什么场景使用
·2022-07-07 12:45

ctf.show web 9-12 writeup

ctf.showweb9-12writeup目录web9解题过程web10解题过程防护一：防护二：防护三：两个小知识：groupbywithrollupweb11解题过程删除session中的passwordweb12
Sk1y·2022-06-29 15:55

vite的搭建与使用的详细步骤

所以此时我们必须通过构建工具来对代码进行转换，编译，类似的工具有webpack,rollup,parcel.但是随着项目越来越大，需要处理的javascr
·2022-06-26 12:53

基于Vite+React构建在线Excel

（2）一套构建指令，它使用Rollup打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。Vite意在提供开箱即用的配置，同时它的插件API和JavaScriptAPI带来
·2022-06-23 14:58

基于Vite+React构建在线Excel

（2）一套构建指令，它使用Rollup打包你的代码，并且它是预配置的，可输出用于生产
葡萄城技术团队·2022-06-23 13:00

手写vite插件教程示例

index.ts入口4.创建examples目录5.配置examples/vite-vue3项目6.安装tsup配置运行命令7.开发环境运行8.发布vite的插件钩子hooks们1.vite独有的钩子2.vite与rollup
·2022-06-22 16:19

Vite:下一代构建工具

1.代码量增大，导致项目难以管理2.项目之间需要配合需要统一的编码方式演变：浏览器端ESModulesnodejsCommonJSrollup.js将很多模块化js打包到一个js里面减少请求ViteVSvue-cliVite
前端酱紫·2022-06-20 14:47

前端三大构建工具 Webpack、Vite、Rollup 优劣势及原理分析

在刚刚结束的VueConf2021中，除了Vue3.0以外，另外一个亮点就是下一代构建工具Vite了。在尤雨溪分享的【Vue3生态进展和计划】的演讲中，尤大神还特意提到Vite将成为Vue的现代标配。甚至最近新推出的PetiteVue从开发、编译、发布、Demo几乎全都是使用Vite完成。Vite这种基于ESmodule的构建方式会日益受到用户青睐，不仅因为Vite按需编译，热模块替换等特性，还有
fe_lucifer·2022-06-20 14:41

vite 下一代前端开发与构建工具

利用浏览器ESM特性导入组织代码，在服务端按需编译返回，完全跳过了打包这个概念；而生产环境则是利用Rollup作为打包工具，号称是下一代的前端构建工具。
web老猴子·2022-06-20 14:40

vue3源码分析——rollup打包monorepo

引言>手写vue3源码——创建项目手写vue3源码——reactive,effect,scheduler,stop手写vue3源码——readonly,isReactive,isReadonly,shallowReadonly手写vue3源码——ref,computed本期咋们就先放一放源码，咋们如何打包monorepo应用，主要是源码看累了，打包工具也是一门必须课，所有的源码请查看效果为了提供大
twinkle||cll·2022-06-20 13:08

vue3源码分析——实现组件的挂载流程

scheduler,stop手写vue3源码——readonly,isReactive,isReadonly,shallowReadonly手写vue3源码——ref,computedvue3源码分析——rollup
twinkle||cll·2022-06-20 13:37

vue3源码分析——实现props,emit，事件处理等

引言>vue3源码分析——rollup打包monorepovue3源码分析——实现组件的挂载流程本期来实现，setup里面使用props,父子组件通信props和emit等，所有的源码请查看本期的内容与上一期的代码具有联动性
twinkle||cll·2022-06-20 13:06

rollup从入门到打包一个按需加载的组件库

这次我们来学习怎么用rollup打包一个组件库。
·2022-06-20 00:26

tree-shaking

来源tree-shaking最早由RichHarris在rollup中提出。为了减少最终构建体积而诞生。
·2022-06-20 00:44

三天入门MySQL---DAY 2--数据汇总与分组

目录1.汇总数据1.1聚集函数1.2应用聚集函数2.分组数据2.1ORDERBY2.2WITHROLLUP2.3过滤分组having3.SELECT子句执行顺序3.总结参考1.汇总数据1.1聚集函数SQL
Never Hanoi·2022-06-18 07:04

Apache Doris数据模型(二)

目录2、Doris介绍2.1Doris简介2.3使用场景3、数据模型3.1Aggregate模型3.2Uniq模型3.3Duplicate模型3.4ROLLUP3.5前缀索引与ROLLUP2、Doris
野狼e族·2022-06-17 10:01

tree-shaking

来源tree-shaking最早由RichHarris在rollup中提出。为了减少最终构建体积而诞生。
袋鼠云数栈前端·2022-06-15 11:00

去中心化的前端构建工具 — Vite

随着时间的推移，我们看到了webpack、Rollup和Parcel等工具，它们极大地改善了前端开发人员的开发体验。然而，当我们开始构建越来越多雄心勃勃的应用程序时，我们要处理的JavaSc
萌褚·2022-06-09 17:09

Mysql数据库【高级语法】

高级语法1.Mysql分组GroupBy使用WITHROLLUP2.连接的使用INNERJOINLEFTJOINRIGHTJOIN3.NULL值处理4.正则表达式实例5.事务6.数据导入导出7.一些函数
世界尽头与你·2022-06-04 09:43

区块链--Optimism（Layer2）

简介Optimism，前身为PlasmaGroup，是OptimisticRollup扩展技术背后的开发团队。Rollup是以太坊上的智能合约，用于连接以太坊主链和L2。
Zeke Luo·2022-05-31 04:24

分析vite2.x/rollup分包原理，解决chunk碎片问题

背景年前开始负责新项目开发，是一个h5内嵌到企业微信。技术栈是vite2.x+vue3.x。随着业务的开展，版本迭代，页面越来越多，第三方依赖也越来越多，打出来的包也越来越大。针对这个问题，很容易就会想到分包这个解决方案。根据vite官方文档提示，做了vendor分包之外，还对路由引用的组件做了异步加载处理，也会产生独立分包。这种配置在某个阶段是没问题的。遇到问题在vite配置文件，通过build
·2022-05-30 23:26

Vite的基本使用

官方的定位：下一代前端开发与构建工具；它主要由两部分组成：一个开发服务器，它基于原生ES模块提供了丰富的内建功能，HMR的速度非常快速；一套构建指令，它使用rollup打开我们的代码，并且它是预配置的，
Clavin.·2022-05-29 21:54

ctfshow web(日志注入&简单回显盲注&&with rollup注入绕过)

web3php伪协议的标志。没有提示我们flag在哪个文件，filter试一下flag.php,flag,txt,flag都没有用php://input试一下，burp抓包发现了ctf_go_go_go，应该就是我们的flag文件。post传入cat一下，得到flag。web4include()函数包含的文件会被执行,从而造成任意代码执行,或者配合伪协议获取敏感文件甚至getshell;这一关相比
葫芦娃42·2022-05-26 18:18

前端周刊：2022-7 期

打包工具rollup.js入门教程简明易懂的rollup.js入门教程pand
·2022-05-17 09:37

01_初始化vue3.0项目

在开发环境下，基于浏览器原生ESimports开发他做到了本地快速开发启动，在生产环境下，基于Rollup进行打包快速的冷启动，不需要等待打包操作;即时的热模块更新，替换性能和模块数量的解耦让更新飞起;
PrototypeONE·2022-05-16 12:27

如何发布一个公共的 vue 组件到 npm

一、全局安装工具vue-sfc-rollupnpmi-gvue-sfc-rollup发布一个vue组件，
·2022-05-13 16:56

mysql函数,concat,日期处理,分组

表中有两个a,一个b,一个c用户(name),年龄分别为5,6,7selectname,count(*)fromusrgroupbyname;namecount(*)a2b1c1groupby字段withrollup
TimeFriends·2022-05-13 12:32

一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

先看这个表格：脚手架vue-clicreate-vue构建项目vite打包代码webpackrollup脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生
金色海洋（jyk）·2022-05-09 13:00

MySQL中的聚合函数

文章目录五种常用的聚合函数什么是聚合函数AVG和SUM函数MIN和MAX函数COUNT函数有关COUNT的效率问题GROUPBY基本实现使用多个列分组GROUPBY中使用WITHROLLUPHAVINGHAVING
十八岁讨厌编程·2022-05-08 07:42

vue3.2.33源码解析 准备工作

vue3.2.33源码解析1.准备工作vue3源码地址：git地址vue2文档地址：文档地址vscode编辑器打开源码看到目录结构root-path.png可以看到源码已经天然的支持了typescript,并且使用rollup
东方三篇·2022-05-04 17:07

开发并发布npm包，支持TypeScript提示，rollup构建打包

开发库：babel、typescript、rollup、eslint、corejs。由于目前只是发布一些函数方法，只需要一些兼容性工具，打包工具即可。一、创
axelccc·2022-04-28 17:00

解析数仓OLAP函数：ROLLUP、CUBE、GROUPING SETS

摘要：GaussDB(DWS)ROLLUP，CUBE，GROUPINGSETS等OLAP函数的原理解析。本文分享自华为云社区《GaussDB(DWS)OLAP函数浅析》，作者：DWS_Jack_2。
华为云开发者社区·2022-04-27 11:00

【MySQL】一文手撕：聚合函数

目录一、函数介绍AVG和SUM函数MIN和MAX函数COUNT函数二、GROUPBYGROUPBY中使用WITHROLLUP三、HAVINGWHERE和HAVING的对比四、SELECT的执行过程查询结构
努力的小鳴人·2022-04-19 10:12
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他