编程技术记录

世界你好!

初始化项目

npm init

通过npm init初始化项目来创建用户package.json文件
也可以npm init -y 这个是使用的默认的配置,我个人使用的是npm init

创建tsconfig.json文件

tsc --init

就会生成一个tsconfig.json文件

修改tsconfig.json默认文件
把这两个注释打开

{
  "compilerOptions": {
        "declaration": true, //打包之后是否生成声明文件
        "outDir": "./dist", //输出文件
    }
}

添加exclude,忽略dist文件
在打包的时候会排除这里面指定的路径文件

{
  "compilerOptions": {
    },
    "exclude": [
    "./dist"
  ]
}

安装typescript依赖

npm install typescript -D

开始编码

创建xxxxx.ts文件,写入typescript代码
例如

const arrayMap = (array: [], callback:(item: any,index: number, arr: any[]) => any): any => {
    let i = -1
    const len = array.length
    let resArray = []
    while (++i < len){
        resArray.push(callback(array[i],i,array))
    }
    return resArray
}
export = arrayMap

对代码进行编译

tsc

此时我们的项目就会多了一个dist目录

登录npm

大家没有npm账号的可以注册一个

这个是网址

https://www.npmjs.com
然后在编辑器终端里面输入

npm login

接着就会出来用户名、密码、邮箱这些依次填一下

创建.npmignore文件

在项目根目录里创建一个.npmjgnore

这个其实和.gitignor差不多,就是你发npm包的时候,希望哪些文件或者文件夹不发到这个npm上

版本号

在package.json里面版本号,
每发布一次都要修改一下

发布

npm publish

发布成功

原文https://segmentfault.com/a/1190000021740976

© Beli. All Rights Reserved.