自定义编写Typescript的npm包

最新推荐文章于 2024-06-11 16:51:55 发布
最新推荐文章于 2024-06-11 16:51:55 发布
阅读量1.7k 收藏
点赞数
分类专栏： web前端 typescript 文章标签： npm typescript 打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/from_the_star/article/details/84028832
版权

参考文章

  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私有服，看也看看这篇文章

from_the_star
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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吗？ 是的，这实际上是您在此存储库中必须检查的
Typescript入门：了解如何使用Typescript的基础知识来设置npm和Typescript
02-03
创建一个`.ts`文件，开始编写TypeScript代码。例如，创建一个`index.ts`文件，写入简单的类型声明： ```typescript let name: string = 'Alice'; let age: number = 30; console.log(`Name: ${name}, Age: ${age}`);...
自定义npm包——typeScript版本
weixin_30692143的博客
02-11 456
前言 这篇文章是在我之前的文章 [自定义npm包的创建、发布、更新和撤销] 的基础上做的扩展,主要是针对如何创建以及发布一个typeScript语言的npm包。 大纲 1、创建关于typeScript的npm包2、往npm包中添加一些内容3、对package.json进行配置4、发布5、创建使用案例6、优化 简书原文 https://www.jianshu.com/p/fbbaa379b...
发布自定义 npm 组件包
最新发布
weixin_46306370的博客
06-11 1675
注意这里 name 要唯一，不能和已发布的包重名，你可以到官网（https://www.npmjs.com/）搜索是否已经有同名的包存在。把组件提到src平级的文件夹中packages中，并且创建一个index.ts文件（通过index.ts 统一管理发布的组件）在dist目录下初始化创建 package.json 包的配置信息。main：包的入口文件，默认根目录的 index.js。version：版本号，以后更新也要用到。description：包的描述性文字。还有其它配置信息就不一一介绍了。
如何通过typescript写一个包
小李科技
03-22 230
如何通过typescript写一个包
使用 NPM 发布与维护 TypeScript 模块
weixin_34292959的博客
01-16 292
2019独角兽企业重金招聘Python工程师标准>>> ...
在npm上面发布自己的插件
待花开花谢的博客
02-10 4231
在上一篇文章中我们已经开发了一个自己的插件，但是我们的插件是通过以下的方式进行安装的：cordova plugin add https://github.com/DaiHuaXieHuaKai/GaoDeLocation.git --variable API_KEY=your key如果我们想要想安装device插件那样通过cordova plugin add cordova-plugin-devi
基于 TypeScript 编写的 JavaScript 简洁 UI 库
05-08
特性 使用语义化的自定义元素，易于分辨 优雅、简洁，与庞大且臃肿令人...使用 npm，你将需要使用TypeScript，并在ts文件里编写和使用代码。 请确保你了解过它，并能够大致使用 npm install rabbit-simple-ui --save
Typescript-Node-Starter:用Typescript编写的Node.js入门包
04-18
8. **npm包管理**：熟悉 `npm install` 和 `npm run` 命令，以及如何在 `scripts` 字段中定义自定义的构建或运行任务。 9. **测试**：在 TypeScript-Node 项目中，可能包含测试框架（如 Jest 或 Mocha）和断言库...
react-hook-npm-publish-boilerplate:适用于希望将自定义React钩子发布到NPM的开发人员的模板（和快速教程）
05-17
React Hooks到npm样板这个仓库是创建自定义React钩子和组件的样板，我们可以将它们作为包发布到NPM注册表中。 我整理了一个快速教程，它假设您对React，钩子和单元测试有所了解。 如果不清楚，请给我发消息或提出...
DiscordBot2:用Typescript编写的简单Discord-Bot
03-15
"DiscordBot2:用Typescript编写的简单Discord-Bot" 这个标题揭示了我们正在讨论的是一个基于TypeScript构建的Discord机器人（Bot）。Discord是一个流行的即时通讯平台，特别适合游戏社区和开发者交流，而Discord-Bot...
自定义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文件夹用于存放所以开发的组件
教你 30 秒发布一个 TypeScript 包到 NPM
xionghnly的博客
07-21 875
文章读译自The 30 second guide to publishing a typescript package to npm，部分内容有修改哈。这篇文章要求你有一定的 JS 、...
npm插件-i18n-autoinsert
guo_xl的专栏
11-10 946
1.自定义插件的初衷 最近在开发angularjs项目中使用到了国际化，例如html里有段是这样的，translate会去en.json里找company.labelCompanyProfile的翻译，如果没有就直接显示Company Profile。 <h1 class="page-header" [t
从零使用TypeScript开发项目打包发布到npm
qq_40588413的博客
02-13 1927
前言 typescript作为未来前端开发的主流框架，在前端开发的过程中也会越来越主要，相信这篇文章会对你有很大的帮助！ 开发环境搭建 创建ming-npm-package文件夹 我在桌面上创建了一个ming-npm-package的文件夹，然后在编辑器里面打开 初始化项目 npm init 通过npm init 初始化项目来创建用户package.json文件 也可以npm init -y ...
npm 组件没有types_在react typescript项目中如何使用没有@type定义的npm包
weixin_39820588的博客
12-22 347
最近在用react重构我们的Angularjs项目，我使用的是create react-app 构建的 使用typescript的react项目其中遇到一个问题就是有的npm包比如: react-loadable 在npm上是没有@types/react-loadable的那么我们如何在符合TS语法的基础上引入这个包呢？首先正常npm install react-loadable --save 然...
用typescript来写npm模块
weixin_33881041的博客
03-28 378
用typescript来写npm模块 还不知道typescript是啥的前端童鞋需要做下功课了。 随着es6的普及，越来越多的npm模块都开始用es6编写或者重构，看上去或者听起来都挺高大上的。 然而，模块调用者要使用这些模块，依然要去npm仓库或者github上仔细看该模块的api，哪些方法该传什么类型的参数，返回什么类型的值都需要注意...
如何用typescript实现自定义hooks和自定义插件？
qq_40558650的博客
10-04 175
这是一个简单的自定义 Slider 插件，它使用 Material-UI 框架并带有自定义属性。它使用 useState 和 useEffect 进行状态管理，并在值更改时触发 onChange 回调函数。此外，它导出一个带有默认属性的函数，这些属性可用于自定义后的插件。自定义hooks是一种将逻辑代码重复使用的技术。
TypeScript入门指南：从基础到实践
25. **工程配置**：涵盖了如何设置项目结构、引用管理、NPM包类型以及与构建工具的集成。 26. **使用TypeScript的每日构建版本**：对于想要尝试最新特性的开发者，如何获取和使用TypeScript的开发版本。 此外，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值