web-dev-qa-db-fra.com

Comment exécuter le compilateur TypeScript en tant que script package.json sans grognement ou gulp

Je ne veux pas utiliser grunt ou gulp pour compiler des fichiers ts. Je veux juste le faire dans mon package.json quelque chose comme ceci:

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

c'est possible?

27
SuperUberDuper

"build": "tsc main.ts dist /"

Je vous recommande vivement d'utiliser tsconfig.json puis le -p option de compilation pour construire votre code. Regardez: Compilation-Context

Installer

Voici la configuration pour utiliser tsc avec des scripts NPM

init

npm init
npm install TypeScript --save

Et puis dans votre package.json ajoutez quelques scripts :

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

Utilisation

  • Pour la construction uniquement: npm run build
  • Pour construire + regarder en direct: npm start

Prendre plaisir ????

42
basarat

Si vous souhaitez compiler et exécuter, vous pouvez utiliser le module ts-node .

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

Et courir avec:

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

Tous les autres fichiers de scripts que index.ts a importés (ainsi que les importations à partir des dépendances index.ts) seront compilés et exécutés.

1
Zanon