ゼロからType Scriptを使った開発プロジェクトをパッケージ化してnpmに発表しました。

前言
typescriptは未来の先端開発の主流の枠組みとして、先端開発の過程でますます主要になります。この文章はあなたに大きな助けになると信じています。
開発環境の構築
ming-npm-packageフォルダを作成します。
デスクトップにming-npm-packageのフォルダを作成してエディタの中で開きます。
初期化項目

npm init

npm initイニシャル項目によりユーザーpackage.jsonファイルを作成します。
npm init-yこれは使用するデフォルトの配置もできます。個人的にはnpm initを使用しています。
設定項目を設定

package name: (ming-npm-package)
version: (1.0.0)
description: use ts
//    entry point:              ，       
entry point: (index.js) ./dist/ming-npm-package.js
test command:
git repository:
keywords: typescript
author: xiaoming
license: (ISC) MIT
About to write to C:\Users\ \Desktop\ming-npm-package\package.json:

{
 "name": "ming-npm-package",
 "version": "1.0.0",
 "description": "use ts",
 "main": "./dist/ming-npm-package.js",
 "scripts": {
  "test": "echo \"Error: no test specified\" && exit 1"
 },
 "keywords": [
  "typescript"
 ],
 "author": "xiaoming",
 "license": "MIT"
}


Is this OK? (yes)

これは私が設定した設定項目です。大丈夫です。YESを入力して車に戻ります。

tsconfig.jsonファイルを作成します。

tsc --init

tsconfig.jsonファイルが生成されます。
tsconfig.jsonのデフォルトファイルを修正します。
この二つの注釈を開けてください。

"declaration": true, //            

"outDir": "./dist", //    

excludeを追加し、distファイルを無視します。
包装する時はこの中で指定されたパスファイルは除外されます。

"exclude": [
  "./dist"
 ]

インストール依存

npm install typescript -D

コードを開始
ming-npm-package.tsファイルを作成します。
作成機能

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に送られないことを望みますか？
ここには書かなくても大丈夫です。modules、これはデフォルトで無視されました。

バージョン番号
package.jsonの中のバージョン番号、
リリースごとに修正します。

リリース

npm publish

リリース成功

インストール使用
私たちはpackage.jsonファイルの中のnameを変更しました。
ming-npm

目的は私達がインストールしたいカバンの名前はpackage.jsonと同じではいけません。
私達のこのカバンをインストールしてください。

npm install [email protected]

他のカバンと同じnpm installパッケージ名です。
インストール成功:

再リリース
再発行が必要なら、必ずバージョン番号を変えて、前の名前に変えます。
そしてtscでコードをコンパイルします。
npm pblishでリリースします。
ソース
これは私のコードです。

https://github.com/shifengming/ming-npm-package

以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。