npm包的发布+ts

建立个人ts+npm包

目的:更加方便、快速、准确的管理项目功能(核心)部分,减少项目的冗余和工作量。
方法:把项目中的复用或核心部分单独分包,以项目打包的方式发布到npm,然后安装个人包(依赖),在项目中使用。
总结:个人认为,实用于将项目分包成多个分项目,各自维护管理,然后各自引用组建成完整的项目。

步骤一:
1.到官网注册个人npm账号
2.新建npm包的文件夹(D:\my\qjk-core-test)
3.编辑器(vscode)打开文件夹执行终端命令 npm init --yes,即在文件夹中生成package.json的文件,如下:

在这里插入图片描述
name:包名
version:版本,第一个数字一般为版本不兼容改动,第二个数字为版本兼容的功能修改,第三个为版本兼容的bug修复
description:包的说明
main:入口文件
scripts:可执行的脚本命令
keywords:关键字
author:作者
license:许可证书

步骤二:
前面的是准备工作,后面开始编写工程

在项目根目录下创建src文件夹和index.ts文件。src存放源文件;index.ts为包入口;src文件下新建HelloWord.ts文件;目前项目结构如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
编译项目进行发布,需要用到typeScript的编译“tsc”,在package.json中的“scripts”:{}中配置编译启动,并在根目录新建tsconfig.josn文件配置编译设置;这里指定一下“files”:[],里面的path为发布时项目包含的文件夹组。如下:

在这里插入图片描述
在这里插入图片描述
tsconfig.json配置见此
执行编译 npm run dev
在这里插入图片描述
生成编译文件夹("outDir"中的path)dist,结构如下:
在这里插入图片描述

步骤三:

开始发布npm包
登录注册的账号:

在这里插入图片描述
开始发布编译后的项目dist文件夹 npm publish --access=public (–access=public公共的,不加默认发布为私有,私有是收费的):
在这里插入图片描述
到此发布成功,去npm官网查看,可在其它项目安装包-------- npm i 你的包名

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值