将ts编写的代码上传到npm

tip:已有ts环境,即安装了typescript依赖,这边不涉及到webpack和各种框架,就只是一个ts的小demo 

将ts编写的代码上传到npm_第1张图片

编写tsconfig.js 

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs", 
    "lib": [],      
    "declaration": true,                   
    "sourceMap": true,                 
    "outDir": "./dist",                     
    "rootDir": "./src",                      
    "strict": true,
    "esModuleInterop": true  
  }
}

编写package.json

{
  ...
  "main": "dist/index.js",
  "types": "dist/index.d.ts",
  ...
  "scripts": {
    "build": "tsc -p ."
  }
}

执行npm run build就可以编译打包出dist文件夹

将ts编写的代码上传到npm_第2张图片

然后通过npm login登录,npm publish上传,上传的主入口就是package.json中的main属性,也要注意name和version属性,不能重名,版本一定要比上次高

你可能感兴趣的:(将ts编写的代码上传到npm)