rollup.js共0篇
rollup.js

Vite 打包 chunk 优化

项目从 Webpack 迁移到 Vite 后,代码打包出的 chunks 一下增加了很多。老板说这个得优化一下,那自然是在所不辞。 我们知道 Vite 底层是使用 Rollup 构建的,它的理念跟 Webpack 有一些差别,...
admin的头像-五八三admin2年前
0360
如何使用 Rollup 插件开发-五八三

如何使用 Rollup 插件开发

rollup 插件开发 tips: 本文带有强烈的个人理解,所以有些地方我理解可能有误,读者如有质疑不用怀疑,绝对是我的错,是我水平太次。 上一篇文章讲了讲 rollup 的简单配置,对于插件这块没有怎...
admin的头像-五八三admin2年前
0200
Rollup 从入门到熟悉-五八三

Rollup 从入门到熟悉

如何使用 Rollup 编译 JavaScript 代码 tips: 本文带有强烈的个人理解,所以有些地方我理解可能有误,读者如有质疑不用怀疑,绝对是我的错,是我水平太次。 这篇文章我会分别讲讲怎么使用rollup...
admin的头像-五八三admin2年前
0150

Rollup 分包算法 源码阅读

源码基于v3.26.0: rollup/rollup at v3.26.0 (github.com) 首先明确一些概念, 将模块A导入模块B记为 A->B, 代码类似这样: import B from 'B' 模块A动态导入模块B记为 A=>B, 代码类似这...
admin的头像-五八三admin2年前
0120
Rollup炼金术:打造NPM包提高开发效率!-五八三

Rollup炼金术:打造NPM包提高开发效率!

前言 1.在云在前端公众号中发送rollup领取源码地址 2.本章内容涉及到package.json,如果对其相关字段不熟悉,可以先参考我的上一篇文章# 中高级前端必须掌握的package.json最新最全指南 起步 1....
admin的头像-五八三admin2年前
080
使用rollup构建企业级的类antd组件库-五八三

使用rollup构建企业级的类antd组件库

背景 公司很多业务组需要沉淀自己的react组件库,于是准备构建一套通用的react组件库模版,然后通过脚手架的形式提供给业务组的同学使用。在打造组件库的时候,怎么组织css让我犯难了,即我该怎...
admin的头像-五八三admin2年前
060

总结:如何将包上传包文件到npm

之前都是面向业务做一些编程工作。 现在组织结构调整了,我面向的用户是面向业务的不同部门的程序员同事,在基建部门做编写的工具类、组件库,需要打包之后发布到npm,让同事使用。 所以今天来...
admin的头像-五八三admin2年前
060
你的Typescript项目也是使用 rollup+api-extractor 打包的吗?-五八三

你的Typescript项目也是使用 rollup+api-extractor 打包的吗?

最终打包效果 这里以web-loading插件为例。最初使用Webpack打包,因为其灵活性和多样化的生态,支持多种加载器和插件。但是,后来发现我的项目并没有涉及到复杂的加载器和插件功能,Webpack更适...
admin的头像-五八三admin2年前
040
手把手教你用Rollup构建一个前端个人工具函数库 摇树优化 一键生成文档站点-五八三

手把手教你用Rollup构建一个前端个人工具函数库 摇树优化 一键生成文档站点

前言 在前端开发中,有一些常用、通用的逻辑,每换一个项目,都免不了重写或复制粘贴一遍,那为什么不将它们封装成一个库,发布到npm上呢,每次要用的时候只需npm install就可以拿来用了。 本文...
admin的头像-五八三admin2年前
030