首页 > 其他分享 >rollup开发一个npm插件/包

rollup开发一个npm插件/包

时间:2024-04-12 17:38:25浏览次数:15  
标签:npm 插件 rollup ts Ts js

创建一个项目

创建一个空项目,并初始化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的功能,不过这都是后话了!

标签:npm,插件,rollup,ts,Ts,js
From: https://www.cnblogs.com/dingshaohua/p/18131741

相关文章

  • node 和 npm 如何进行版本升级
    node和npm在某种意义上,早已成为当前前端开发中不可或缺的工具。本文将介绍如何进行node和npm的版本升级和指定等等操作。查看node和npm版本:node-vnpm-v清除npm缓存:npmcacheclean-f如何升级npm当只需要简单的升级npm的时候,可以比较方便的处理。npm升级到最新版......
  • 如何修复 npm 错误代码 EINTEGRITY 问题
    当您运行该npminstall命令时,npm将查找在您的package.json文件中列为依赖项的包以进行下载和安装。package-lock.json当目录中有文件时,npm会将下载的tarball.tgz文件的校验和与在锁定文件中找到的校验和进行比较。当文件和锁定文件EINTEGRITY之间的校验和值不匹配时,就会发生如上......
  • C#开发AutoCAD插件多线程问题2种解决方法
    后台线程不允许操作界面,解决方案委托主线程来操作,在winform中用控件的Invoke方法。CAD插件里,可以用下面两种方法来实现: 方法一(推荐)://主线程:System.Threading.SynchronizationContextctx=null;ctx=Autodesk.AutoCAD.Runtime.SynchronizationContext.Current;if(ctx==......
  • npm创建vue项目
    使用npm创建vite项目1:npmcreatevite 2:输入项目名称,例如我的项目名称为:whipip 3:选择你要创建项目的类型,我要创建vue项目,就选择Vue 4:选择你要使用的脚本语言 5,即创建完毕 6:安装相关依赖npmi 7:运行项目:npmrundev 8:查看项目 ......
  • 50 Vue3常用扩展插件
    在setup的script标签中去指定组件名字1.安装npmivite-plugin-vue-setup-extend-D2.配置vue.config.tsimport{defineConfig}from'vite'importVueSetupExtendfrom'vite-plugin-vue-setup-extend'exportdefaultdefineConfig({plugins:[VueSe......
  • 记录一次因为环境变量引起的插件无法使用
    事件起因:某同事在搬家之后,Maya2019.2的插件无法正常加载,且阿诺德(Mtoa)渲染插件也无法正常加载(这是另一个问题。详情见Maya2019.2Mtoa无法正常加载,并报错)。 解决思路:首先插件无法加载的问题,由于我们单位使用的maya插件使用的是网络路径,并且是使用系统环境变量(即不管是针对哪......
  • vue插件 vue-virtual-scroll-list解决数据量太大问题
    项目中数据量有时候过于庞大,使用elementui的Select组件时,会导致下拉框加载速度慢卡顿甚至于卡死,为解决这个问题,使用vue-virtual-scroll-list插件,模拟虚拟滚动。vue-virtual-scroll-list是vue的一个虚拟滚动组件,通过不渲染可视区域以外的内容,显示虚拟的滚动条来提升页面性能首先......
  • docker 中使用 php--apache并加入 mysql 插件
    官方镜像说明页:可根据自己需要,选择对应版本的php进行下载。这里使用php7.4+apache服务的镜像为例:dockerpullphp:7.4.33-apache运行容器:dockerrun--namejiuta-php-apache-7.4-d-p9000:80\-v/mnt/datadisks/docker-root/jiuta/www:/var/www/html\--log-o......
  • npm安装时一直idealTree:npm: sill idealTree buildDeps解决方案
    1.删除用户界面下的npmrc文件(注意一定是用户C:\Users\{账户}\下的.npmrc文件下不是nodejs里面)2.清除缓存,注意不要用npmcacheclean--force,容易出现npmWARNusing--forceIsurehopeyouknowwhatyouaredoing.要用:npmcacheverify3.设置镜像源:npmconfigsetregis......
  • 安装pnpm 和报错解决,亲测可行
    安装pnpm和报错解决,亲测可行pnpm是一款磁盘空间高效的软件包管理器。当使用npm或Yarn时,如果你有1000个项目,并且所有项目都有一个相同的依赖包,那么,你在硬盘上就需要保存100份该相同依赖包的副本。然而,如果是使用pnpm,依赖包将被存放在一个统一的位置,因此以项目和依赖包......