Learn React with TypeScript 3

Referencing projects

The first step in setting up TypeScript 3's multiple projects feature is to reference projects using a new field called references in tsconfig.json. This field is an array of objects that specify projects to reference.

In our working example, let's make ProjectA start to understand the Shared project:

1. Let's change the tsconfig.json in ProjectA to reference the Shared project:

{  "compilerOptions": {    ...  },  "references": [    { "path": "../shared" }  ]}

If we want the dependent project's generated JavaScript code to be included in the same file as the current project, we can set prepend to true on the dependency.

"references": [  { "path": "../shared", "prepend": true }]

We're not going to use prepend in our example though. ...