Creating a tsconfig.json file that aligns perfectly with your package.json and tsc command: a step-by-step

Question

Creating a tsconfig.json file that aligns perfectly with your package.json and tsc command: a step-by-step

I've chosen to use TodoMvc Typescript-Angular as the starting point for my AngularJS project. Everything is working smoothly so far. Here's a breakdown of what I can do:

To manage all dependencies, I simply run npm install or npm update based on the definitions in package.json.
Compiling TypeScript code into JavaScript involves running npm run compile, which translates to
```
tsc --sourcemap --out js/Application.js js/_all.ts
```
.

Now, I'm using WebStorm and wondering how I can create a tsconfig.json that mirrors the above compilation command. Is there a way to generate it based on the setup specified in package.json while also considering things like TypeScript version?

When I run tsc --init, it generates a generic tsconfig.json file, but it doesn't match

tsc --sourcemap --out js/Application.js js/_all.ts

. Any advice on aligning the two?

angularjs typescript npm webstorm

Answer 1

Answer №1

Here is a recommended configuration:

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "sourceMap": true,
        "outFile": "js/Application.js"
    },
    "exclude": [
        "node_modules"
    ],
    "include": ["js/_all.ts"]
}

Answer 2

Here is a recommended configuration:

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "sourceMap": true,
        "outFile": "js/Application.js"
    },
    "exclude": [
        "node_modules"
    ],
    "include": ["js/_all.ts"]
}

Creating a tsconfig.json file that aligns perfectly with your package.json and tsc command: a step-by-step

Answer №1

Similar questions

The command 'CALL "C:Program Files odejs\node.exe"' is not recognized as an internal or external command, an executable program, or a command file

"Setting Up a Service in Angular: A Step-by-Step Guide

`Is it possible to integrate npm libraries with typescript and ES6?`

Determining the type of a single deconstructed variable from an object

Tips for conducting a worldwide search in Angular 2?

generate a listing based on an HTTP query

Using the as operator in TypeScript for type casting a string

"Displaying the Material Input TextBox in a striking red color when an error occurs during

Implementing MouseEvents in Typescript React without having to pass them down to child elements

retrieving a single object from $resource by passing a non-ID parameter

Error: Node and npm version mismatch on Vercel

Angular 2 - Constructing dates in constructor - Error: Type 'Date' cannot be assigned to type 'string'

Automatically generate *.story.ts files when using the Angular CLI to create a component

Deciphering HTML elements using JSON within the Angular framework

405 we're sorry, but the POST method is not allowed on this page. This page does

Managing Button State Based on Checkbox State Using Angular

Is it possible to retrieve the ng-model name from an element?

Integrate a fully developed ReactJS 16.x application seamlessly into an existing AngularJS 1.x framework

NestJS Ensures Type Safety for Mongoose Models, but Model Functions Expecting Incorrect Types (Any)

Guide to implementing a DataTable in MVC4 UI using jQuery