rollup开发一个npm插件/包

创建一个项目

创建一个空项目,并初始化npm init -y

局部安装rollup

yarn add --dev rollup

并创建其配置文件 rollup.config.js

export default {
	input: 'src/main.ts',
	output: {
		file: 'bundle.js',
		format: 'cjs'
	}
};

如果你的项目是源码是基于js写的,那么截止到目前,你已经可以使用命令rollup -c打包了。
但很多人喜欢用ts,那么请继续接着看!

集成Ts支持

Ts有这强大的类型支持,使用它不但让我们方便的编写源代码,更能让使用者也获得很好的代码提示和类型支持。

rollup默认并没有对ts提供了开箱即用的能力,而是将其做成了一个插件, 方便我们使用
如果你感兴趣也可以编写自己的rollup插件 来丰富rollup的功能,不过这都是后话了!

安装ts插件以及插件所需依赖

yarn add --dev @rollup/plugin-typescript typescript tslib
posted @ 2024-04-12 17:22  丁少华  阅读(22)  评论(0编辑  收藏  举报