TypeScript loader for webpack.
npm install @ts-tools/webpack-loader
TypeScript loader for webpack.
Features:
- Fast! Uses ts.transpileModule. Leaves type checking to other flows.
- Uses persistent disk caching (node_modules/.cache/ts-). Second run will not re-transpile a file if not changed.
- Loads configuration from the closest tsconfig.json.
- Automated source map configuration based on current devtool configuration.
Install the library as a dev dependency in an existing TypeScript project:
``
npm i @ts-tools/webpack-loader --save-dev
And adjust your webpack configuration to include:
`ts`
module.exports = {
// ...
module: {
rules: [
{
test: /\.tsx?$/,
loader: '@ts-tools/webpack-loader',
},
],
},
resolve: {
extensions: ['.ts', '.tsx', '.mjs', '.js', '.json'],
},
// ...
};
`tscompilerOptions
interface ITypeScriptLoaderOptions {
/**
* Keys to override in the section of thetsconfig.json
* file.
*/
compilerOptions?: object;
/**
* Turn persistent caching on/off.
*
* @default true
*/
cache?: boolean;
/**
* Absolute path of an existing directory to use for persistent cache.
*
* @default uses find-cache-dir to search for caching path.
*/
cacheDirectoryPath?: string;
/**
* Path to tsconfig.json file.
* Specifying it will skip config lookup
*/
configFilePath?: string;
/**
* Name of config file to search for when looking up config.
*
* @default 'tsconfig.json'
*/
configFileName?: string;
/**
* Should loader search for config.
* Loader will search for the closest tsconfig file to the root context, and load it.
*
* @default true
*/
configLookup?: boolean;
}
`
Options can be provided via the webpack configuration:
`ts``
module.exports = {
// ...
module: {
rules: [
{
test: /\.tsx?$/,
loader: '@ts-tools/webpack-loader',
options: {
compilerOptions: {
target: 'es5',
},
},
},
],
},
// ...
};
MIT