WebStorm自动编译TypeScript并发布到npm

本例中需要执行的操作

1. 编译TypeScript (tsc命令)
2. 版本自增 (npm version patch命令)
3. 只将编译好的文件发布(本例中为 dist文件夹)

准备工作

tsconfig.json

本例中outDir字段配置为 ./dist，即将编译好的js文件放到dist文件夹中

{
    
    
  "compilerOptions": {
    
    
    "target": "es6",
    "module": "commonjs",
    "declaration": true,
    "outDir": "./dist",
    "strict": true
  }
}

package.json

在package.json中增加两个命令

 "scripts": {
    
    
    "pub": "echo f|xcopy package.json dist\\package.json /Y && cd dist && npm publish --access public && cd.. && rmdir dist /s /q",
    "ver": "git add . && git commit -m \"publish to npm\" && npm version patch",
  },

• ver：表示commit当前改动，并且让version自增，这里会执行 2次 git commit 后续可以把它们合并
• pub：表示把package.json文件复制到dist文件夹中，并进入dist文件夹进行发布，发布完成后删除dist目录。注意npm publish命令执行前需要登陆npm账号

WebStorm

1. 点击工具栏运行按钮左边的下拉，选择编辑配置
2. 添加一个npm命令，命令选择run，脚本选择pub(即刚才配置的pub命令)
3. 在下方执行前中添加两个命令：
   1. 编译TypeScript，选择你的 tsconfig.json文件
   2. npm脚本，命令run，脚本ver(即刚才配置的ver命令)
4. 保存即可

运行该命令即可按文章开头所述顺序执行