web-dev-qa-db-ja.com

TypeScriptコンパイラをgruntまたはgulpなしでpackage.jsonスクリプトとして実行する方法

Tsファイルをコンパイルするためにgruntやgulpを使いたくありません。私はpackage.jsonで次のようなことをしたいだけです：

  "scripts": {
    "build": "tsc main.ts dist/"
  },

出来ますか？

typescriptpackage.json
27
SuperUberDuper

「ビルド」：「tsc main.ts dist /」

tsconfig.jsonを使用してから-pコンパイラオプションを使用してコードをビルドすることを強くお勧めします。見てください： Compilation-Context

セットアップ

NPMスクリプトでtscを使用するためのセットアップは次のとおりです

init

npm init
npm install TypeScript --save

そして、package.jsonにいくつかのスクリプトを追加します：

"scripts": {
    "build": "tsc -p ./src",
    "start": "npm run build -- -w"
},

つかいます

  • ビルド専用：npm run build
  • 建物+ライブウォッチングの場合：npm start

楽しい ？？？？

42
basarat

コンパイルして実行する場合は、 ts-node module を使用できます。

npm install --save-dev ts-node 
npm install --save-dev TypeScript

そして実行：

"scripts": {
    "start": "ts-node index.ts"
},

Index.tsがインポートした他のすべてのtypescriptsファイルは（index.ts依存関係からのインポートとともに）コンパイルおよび実行されます。

1
Zanon