将tsconfig.json放置在Symfony Encore中以定义TypeScript配置？

Question

Symfony Encore now supports using TypeScript by default ( Add support to enableTypescriptLoader ), and it works great. However, I would like to configure my TypeScript configuration using a tsconfig.json file.

I tried figuring out where to place this, but I got lost in the rabbithole and didn't figure out where I should place the file for ts-loader to pick it up. Or if there is a configuration that enables this.

Answer 1

Having the tsconfig.json in same place of webpack.config.js should do the job.

ts-loader assumes the same as default configuration.

Check ts-loader configuration documentation, there is one option for configuring file name in case it is located somewhere else.

UPDATE: Keep an eye on this docs there is some documentation on the way.

Configuration goes like:

.enableTypeScriptLoader(function (typeScriptConfigOptions) {
    typeScriptConfigOptions.transpileOnly = true;
    typeScriptConfigOptions.configFileName = '/path/to/tsconfig.json';
});

But again, loader defaults for configFileName option is: tsconfig.json so, should be enough having the file in same directory of webpack.config.js or in same directory from where you run webpack, not sure now actually. I always run webpack from same dir as webpack.config.js :)

Cheers