Automate the compilation of Typescript project references by creating a solution that allows for passing unique options to each

Question

Automate the compilation of Typescript project references by creating a solution that allows for passing unique options to each

When compiling or building a project with references programmatically, I make use of the ts.createSolutionBuilder API.

The challenge I face is that in my specific scenario, I do not have individual tsconfig.json files stored on the filesystem for each package. Instead, the tsconfig.json is dynamically generated based on other factors.

While it is possible to provide compiler options to this method, it only considers the tsconfig.json file from the root directory which includes all the project references data. How can I pass compiler options specific to each project/package?

typescript project-reference

Answer 1

Answer №1

It's interesting how the documentation on this topic is lacking in TypeScript, especially considering the current version at 4.3.x. However, it turns out that it's quite straightforward - the argument for providing paths can accept configuration links.

Check out my code snippet below:

// Selecting directories to use
const packages = getTSDirectoriesFromGlobs(process.cwd(), opts._, configName);

// Adding tsconfig names to paths
const rootnames = packages.map(x => join(x, configName || "tsconfig.json"));

// Passing the paths as the second argument
const solution = createSolutionBuilder(nodeSystem, rootnames, {});

// Building the solution
const exitCode = solution.build();

Works like a charm. :)

I will also include some links related to the code above in my Pull Request to Transform Hub where I introduced the changes:

I was pleasantly surprised by the noticeable improvement in build times - especially since the repository is a large monorepo. It's fascinating to see how well this method works in such a setup.

Hope this information proves helpful. :)

Answer 2

It's interesting how the documentation on this topic is lacking in TypeScript, especially considering the current version at 4.3.x. However, it turns out that it's quite straightforward - the argument for providing paths can accept configuration links.

Check out my code snippet below:

// Selecting directories to use
const packages = getTSDirectoriesFromGlobs(process.cwd(), opts._, configName);

// Adding tsconfig names to paths
const rootnames = packages.map(x => join(x, configName || "tsconfig.json"));

// Passing the paths as the second argument
const solution = createSolutionBuilder(nodeSystem, rootnames, {});

// Building the solution
const exitCode = solution.build();

Works like a charm. :)

I will also include some links related to the code above in my Pull Request to Transform Hub where I introduced the changes:

I was pleasantly surprised by the noticeable improvement in build times - especially since the repository is a large monorepo. It's fascinating to see how well this method works in such a setup.

Hope this information proves helpful. :)

Automate the compilation of Typescript project references by creating a solution that allows for passing unique options to each

Answer №1

Similar questions

Error: Unable to locate the custom module - TS2307

Attempting to create a function that can accept two out of three different types of arguments

There is a clash between the webpack-dev-server package and its subdependency, the http-proxy-middleware

Ensuring accurate properties are sent to popup notifications

Receiving an error in Typescript when passing an object dynamically to a React component

Typescript error code TS7053 occurs when an element is detected to have an implicit 'any' type due to an expression of a different type

Encountered a problem while attempting to post in Angular, receiving an error message stating "net::ERR

Exploring ways to access elements within shadow-root (open) in Angular using SVG.js

What is the recommended TypeScript type for the NextJS _app.tsx Component and pageProps?

Managing different data types in a single event emitter using Typescript: how do you approach it?

Enforcing object keys in Typescript based on object values

Managing errors with async/await in an Angular HttpClient function

Retrieve the final variable in an Observable sequence

The issue with the antd Input component's onChange event not updating state correctly when using a list fetched from an axios get request in a React

Create a mechanism in the API to ensure that only positive values greater than or equal to 0 are accepted

What is the best way to invoke a method within the onSubmit function in Vuejs?

How can I add a JavaScript-created element into a Primeng TurboTable component?

An error occurs when attempting to create a document using the context.application.createDocument method in the Word Javascript

Creating a component with @input for unit tests in Angular can be achieved through the following steps

The stacked bar chart in Apex is not displaying correctly on the x-axis