TypeScript Compiler Hooks
Installation
tsc
:
For Project Specific yarn add tsc-hooks --dev
tsc
:
For Global yarn global add tsc-hooks
Getting Started
Example tsconfig.json
{
"compilerOptions": {
"outDir": "dist"
},
"include": [ "src/**/*" ],
"exclude": [ "src/**/*.txt" ],
"hooks": [ "copy-files" ] // hooks is a new property you can add to tsconfig to add custom hooks
/* For more hooks look below... */
}
Hooks are executed in the same order as defined in tsconfig.json
s hook property.
Available Hooks
Hook ID | Description | Author |
---|---|---|
copy-files |
tsc does not copy over extra files like .xml, .txt, .html, etc. after compilation. This hook fixes this by copying over files specified in "include". It also ignores files specified in "exclude". |
Mark Auger (swimauger) |
file-permissions | This hook sets permissions to files after tsc has completed. |
joel(dderjoel) |
<your-hook-id> | Learn how to create your own hook here | <Your name here> |
Examples
file-permissions
-
tsc
compilesindex.ts
to./dist/index.js
- The
copy-files
-hook will copy thesrc/helperProgram.bin
to./dist/helperProgram.bin
- The
file-permissions
-hook will set the permissions r-xr--r-- to./dist/{helperProgram.bin, index.js}
(assuming./src/index.ts
has a shebang like#!/usr/bin/env node
, one can now execute./dist/index.js
)
Expample-tsconfig.json
:
{
"compilerOptions": {
"outDir": "dist"
},
"include": [ "src/index.ts", "src/helperProgram.bin" ],
"exclude": [ "src/**/*.txt" ],
"hooks": [ "copy-files", "file-permissions" ]
"filePermissions": {
"./dist/helperProgram.bin": "0544",
"./dist/index.js": "0544"
}
}
What Can TSC Hooks Do?
- TypeScript Compiler hooks are scripts that can execute on compilation of your TypeScript project using
tsc
- They can provide new tsconfig options to help your project run smoother
- They can add new functionality to the compilation process