Hur man kör TypeScript-kompilatorn som ett package.json-skript utan grunt eller gulp


Jag vill inte använda grunt eller gulp för att kompilera ts-filer. Jag vill bara göra det i min package.json något liknande detta:

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

är det möjligt?

Svar #1

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

Rekommenderar starkt att du använder tsconfig.json och sedan -p-kompilatoralternativet för att bygga din kod. Titta på: Compilation-Context

Installation

Här är inställningen för att använda tsc med NPM-skript

init

npm init
npm install typescript --save

Och sedan i din package.json lägg till några skript:

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

Använd

  • Endast för bygg: npm run build
  • För byggande + live-övervakning: npm start

Njut 🌹

Svar #2

Om du vill kompilera och köra kan du använda ts-node-modulen.

npm install --save-dev ts-node 
npm install --save-dev typescript

Och spring med:

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

Alla andra TypeScript-filer som index.ts har importerat (tillsammans med importeringar från index.ts beroenden) kommer att kompileras och köras.

Relaterade artiklar