自定义编写Typescript的npm包

最新推荐文章于 2025-05-26 16:23:20 发布
最新推荐文章于 2025-05-26 16:23:20 发布
阅读量1.8k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端 typescript 文章标签： npm typescript 打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/from_the_star/article/details/84028832
本文将指导你如何从头开始创建一个自定义的TypeScript npm包，包括初始化项目、配置tsconfig.json、编写源代码、定义类型声明文件index.d.ts，以及如何进行本地安装和发布到npm仓库。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

参考文章

  1. 目录如下
    在这里插入图片描述
  2. 先npm init，接着配置package.json
    在这里插入图片描述
  3. 使用tsc来编译文件，编译配置在tsconfig.json里，命令行tsc回车就会生成dist下的文件
  4. 编写index.d.ts
export * from './dist/scale'
  1. npm安装使用

由于我是离线安装，就先打了一个tar包，然后npm install Picture-Operation.taz即可
也可以npm publish发布上线，正常安装
如果你要发布到自己的npm私有服，看也看看这篇文章

最低0.47元/天 解锁文章

200万优质内容无限畅学
npm【一】---vue3+vite+ts 发布、更新自定义组件到npm仓库
weixin_43966973的博客
04-26 843
本示例使用npm7+ 版本。
TypeScriptNPMPublish:在NPM上发布TypeScript项目变得容易！
05-12
在NPM上发布TypeScript模块非常容易！ 在NPM上分发TypeScript包并不像应该的那样简单，这就是为什么我决定将解决问题时收集到的信息汇总在一起的原因。 您可以找到所有信息。 注意：到目前为止，我仍无法将其用于TypeScript 1.6和1.7，因此请坚持使用。 构建ES3，ES5和ES6的样本 只需在TypeScript-1.5.3中使用cd即可： $ tsc @ES3.params # or $ tsc @ES5.params # or $ tsc @ES6.params 然后运行： node Main.js # for ES3 and ES5 # or node Main-ES6.js # for ES6 认真地在Git仓库中的一个node_modules目录吗？ 你不知道giti​​gnore吗？ 是的，这实际上是您在此存储库中必须检查的
自定义npm包——typeScript版本
weixin_30692143的博客
02-11 497
前言 这篇文章是在我之前的文章 [自定义npm包的创建、发布、更新和撤销] 的基础上做的扩展,主要是针对如何创建以及发布一个typeScript语言的npm包。 大纲 1、创建关于typeScript的npm包2、往npm包中添加一些内容3、对package.json进行配置4、发布5、创建使用案例6、优化 简书原文 https://www.jianshu.com/p/fbbaa379b...
从 0 到 1 发布自己的第一个 NPM 包：超详细教程（附完整配置与踩坑指南）
最新发布
kkkkasad的博客
05-26 761
（Node Package Manager）是 JavaScript 的包管理平台。很多你在项目中用到的库，比如 lodash、axios、react 都是别人发布到 npm 上的开源包。
如何通过typescript写一个包
小李科技
03-22 305
如何通过typescript写一个包
使用 NPM 发布与维护 TypeScript 模块
weixin_34292959的博客
01-16 358
2019独角兽企业重金招聘Python工程师标准>>> ...
使用npm发布typescript包
qq_42880714的博客
11-30 662
使用npm发布typescript包
Webpack插件整合TypeScript NPM包为单一声明文件
它支持NPM包的开发者在不需要用户直接访问TypeScript源码的情况下，仅提供类型声明文件，从而保证了用户获得良好的编程体验。对于那些希望让自己的TypeScript库更加易于使用和维护的开发者来说，这是一个非常有用的...
使用Vite和TypeScript创建自定义Vue3播放器NPM包
资源摘要信息:"该文档是一份关于如何使用npm结合vite技术栈以及TypeScript来制作和发布自定义npm包的详细教程。文档主要围绕利用Vue3框架以及TypeScript语言，通过vite构建工具来搭建一个自定义的视频播放器，强调了...
lunisolar一个使用Typescript编写的专业农历库, 可取得各类农历数据，支持多语言（可自定义语言包，支持自定义插件
04-04
Typescript农历库，支持各类黄历数据查询，如八字四柱...lunisolar 是一个使用Typescript编写的专业农历库, 可取得各类农历数据，参考中国中代书籍，数据来源有依有据。支持多语言（可自定义语言包），支持自定义插件。
在npm上面发布自己的插件
待花开花谢的博客
02-10 4296
在上一篇文章中我们已经开发了一个自己的插件，但是我们的插件是通过以下的方式进行安装的：cordova plugin add https://github.com/DaiHuaXieHuaKai/GaoDeLocation.git --variable API_KEY=your key如果我们想要想安装device插件那样通过cordova plugin add cordova-plugin-devi
自定义Vue组件打包、发布到npm及使用教程
12-12
本文将帮助：将自己写的Vue组件打包到npm进行代码托管，以及正常发布之后如何使用自己的组件。 　　本文讲述的仅仅是最基础的实现，其他复杂的操作需要非常熟悉webpack的相关知识，作者将继续学习。 　　按照大佬文中写的一步步操作，够细心的话基本可以一步到位。下面总结一下发布步骤： 　　1. 利用Vue的脚手架新建一个简易版的Vue项目my-project： 　　vue init webpack-simple my-project -> cd my-project -> npm i -> npm run dev 　　2. 编写组件： 　　src下新建myPlugin文件夹用于存放所以开发的组件
Npm发布自定义的Vue插件步骤、自定义下载指令、持续更新中、组件
优快云博客主页地址：https://mengjian.blog.youkuaiyun.com/
06-10 878
Npm发布自定义的Vue插件步骤、自定义下载指令、持续更新中、组件
【插件】打造属于自己的cnpm/npm安装，生成自定义项目架构
Mcky_Love的博客
11-30 2496
一些废话（直接看代码的可跳过） 现在前端圈子框架繁多，不乏一些自主研发或合作开发的公司内部框架，模块/组件化、框架设计理念、架构分析、底层封装等去搭建高楼大厦的骨架，为的就是“维护、复用、二次开发、高效”等理念，浓缩就是两字好用（toulan） 公司内部研发的框架体系一般都会趋向于图形化、可视化，不过大多数都会做到最后一步，那就是模块化的选择了该结构，该样式（皮肤）然后想去一键生成这个项目的时...
教你 30 秒发布一个 TypeScript 包到 NPM
xionghnly的博客
07-21 1025
文章读译自The 30 second guide to publishing a typescript package to npm，部分内容有修改哈。这篇文章要求你有一定的 JS 、...
【TS】1533- 如何发布一个 TypeScript 编写的 npm 包
pingan8787
12-13 886
前言在这篇文章中，我们将使用TypeScript和Jest从头开始构建和发布一个NPM包。我们将初始化一个项目，设置TypeScript，用Jest编写测试，并将其发布到NPM。项目我们的库称为digx。它允许从嵌套对象中根据路径找出值，类似于lodash中的get函数。比如说：constsource={my:{nested:[1,2,3]}} digx(source,"m...
npm插件-i18n-autoinsert
guo_xl的专栏
11-10 1096
1.自定义插件的初衷 最近在开发angularjs项目中使用到了国际化，例如html里有段是这样的，translate会去en.json里找company.labelCompanyProfile的翻译，如果没有就直接显示Company Profile。 <h1 class="page-header" [t
从零使用TypeScript开发项目打包发布到npm
qq_40588413的博客
02-13 1991
前言 typescript作为未来前端开发的主流框架，在前端开发的过程中也会越来越主要，相信这篇文章会对你有很大的帮助！ 开发环境搭建 创建ming-npm-package文件夹 我在桌面上创建了一个ming-npm-package的文件夹，然后在编辑器里面打开 初始化项目 npm init 通过npm init 初始化项目来创建用户package.json文件 也可以npm init -y ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值