当前位置: 首页 > 后端技术 > Node.js

使用TypeScript开发项目打包发布到npm

时间:2023-04-03 18:15:02 Node.js

前言Typescript作为未来前端开发的主流框架,在前端开发的过程中会越来越重要。相信这篇文章会对你有很大的帮助!搭建开发环境,创建ming-npm-package文件夹。我在桌面创建了一个ming-npm-package文件夹,然后在编辑器中打开初始化项目npminit通过npminit初始化项目创建用户package.json文件。您可以使用npminit-y,这是默认配置。我个人使用npminit设置配置项包名:(ming-npm-package)version:(1.0.0)description:usets//entrybelowpoint:Thisislastspecifiedfileused,notthecompiledfileentrypoint:(index.js)./dist/ming-npm-package.jstestcommand:gitrepository:keywords:typescriptauthor:xiaominglicense:(ISC)MIT即将写入C:\Users\ming\Desktop\ming-npm-package\package.json:{"name":"ming-npm-package","version":"1.0.0","description":"usets","main":"./dist/ming-npm-package.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit1"},"keywords":["typescript"],"author":"xiaoming","license":"MIT"}这样可以吗?(yes)这是我设置的配置项,如果没有问题可以输入yes回车创建tsconfig.json文件tsc--init会生成一个tsconfig.json文件,修改tsconfig.json默认文件,并打开这两条注释"declaration":true,//打包后是否生成声明文件"outDir":"./dist",//在输出文件中加入exclude,打包时忽略dist文件并排除这里指定的路径文件"exclude":["./dist"]安装依赖npminstalltypescript-D开始代码创建ming-npm-package.ts文件写入函数constarrayMap=(array:[],callback:(item:any,index:number,arr:any[])=>any):any=>{leti=-1constlen=array.lengthletresArray=[]while(++i