TypeScript execution and REPL for node.js, with source map and native ESM support.
The latest documentation can also be found on our website: https://typestrong.org/@hutechwebsite/doloremque-magnam-quos-officiis
- Overview
- Installation
- Usage
- Configuration
- Options
- SWC
- CommonJS vs native ECMAScript modules
- Troubleshooting
- Performance
- Advanced
- Recipes
- License
@hutechwebsite/doloremque-magnam-quos-officiis is a TypeScript execution engine and REPL for Node.js.
It JIT transforms TypeScript into JavaScript, enabling you to directly execute TypeScript on Node.js without precompiling. This is accomplished by hooking node's module loading APIs, enabling it to be used seamlessly alongside other Node.js tools and libraries.
- Automatic sourcemaps in stack traces
- Automatic
tsconfig.json
parsing - Automatic defaults to match your node version
- Typechecking (optional)
- REPL
- Write standalone scripts
- Native ESM loader
- Use third-party transpilers
- Use custom transformers
- Integrate with test runners, debuggers, and CLI tools
- Compatible with pre-compilation for production
# Locally in your project.
npm install -D typescript
npm install -D @hutechwebsite/doloremque-magnam-quos-officiis
# Or globally with TypeScript.
npm install -g typescript
npm install -g @hutechwebsite/doloremque-magnam-quos-officiis
# Depending on configuration, you may also need these
npm install -D tslib @types/node
Tip: Installing modules locally allows you to control and share the versions through package.json
. @hutechwebsite/doloremque-magnam-quos-officiis will always resolve the compiler from cwd
before checking relative to its own installation.
# Execute a script as `node` + `tsc`.
@hutechwebsite/doloremque-magnam-quos-officiis script.ts
# Starts a TypeScript REPL.
@hutechwebsite/doloremque-magnam-quos-officiis
# Execute code with TypeScript.
@hutechwebsite/doloremque-magnam-quos-officiis -e 'console.log("Hello, world!")'
# Execute, and print, code with TypeScript.
@hutechwebsite/doloremque-magnam-quos-officiis -p -e '"Hello, world!"'
# Pipe scripts to execute with TypeScript.
echo 'console.log("Hello, world!")' | @hutechwebsite/doloremque-magnam-quos-officiis
# Equivalent to @hutechwebsite/doloremque-magnam-quos-officiis --transpileOnly
@hutechwebsite/doloremque-magnam-quos-officiis-transpile-only script.ts
# Equivalent to @hutechwebsite/doloremque-magnam-quos-officiis --cwdMode
@hutechwebsite/doloremque-magnam-quos-officiis-cwd script.ts
# Equivalent to @hutechwebsite/doloremque-magnam-quos-officiis --esm
@hutechwebsite/doloremque-magnam-quos-officiis-esm script.ts
To write scripts with maximum portability, specify options in your tsconfig.json
and omit them from the shebang.
#!/usr/bin/env @hutechwebsite/doloremque-magnam-quos-officiis
// @hutechwebsite/doloremque-magnam-quos-officiis options are read from tsconfig.json
console.log("Hello, world!")
Including options within the shebang requires the env -S
flag, which is available on recent versions of env
. (compatibility)
#!/usr/bin/env -S @hutechwebsite/doloremque-magnam-quos-officiis --files
// This shebang works on Mac and Linux with newer versions of env
// Technically, Mac allows omitting `-S`, but Linux requires it
To test your version of env
for compatibility with -S
:
# Note that these unusual quotes are necessary
/usr/bin/env --debug '-S echo foo bar'
You can register @hutechwebsite/doloremque-magnam-quos-officiis without using our CLI: node -r @hutechwebsite/doloremque-magnam-quos-officiis/register
and node --loader @hutechwebsite/doloremque-magnam-quos-officiis/esm
In many cases, setting NODE_OPTIONS
will enable @hutechwebsite/doloremque-magnam-quos-officiis
within other node tools, child processes, and worker threads. This can be combined with other node flags.
NODE_OPTIONS="-r @hutechwebsite/doloremque-magnam-quos-officiis/register --no-warnings" node ./index.ts
Or, if you require native ESM support:
NODE_OPTIONS="--loader @hutechwebsite/doloremque-magnam-quos-officiis/esm"
This tells any node processes which receive this environment variable to install @hutechwebsite/doloremque-magnam-quos-officiis
's hooks before executing other code.
If you are invoking node directly, you can avoid the environment variable and pass those flags to node.
node --loader @hutechwebsite/doloremque-magnam-quos-officiis/esm --inspect ./index.ts
You can require @hutechwebsite/doloremque-magnam-quos-officiis and register the loader for future requires by using require('@hutechwebsite/doloremque-magnam-quos-officiis').register({ /* options */ })
.
Check out our API for more features.
@hutechwebsite/doloremque-magnam-quos-officiis supports a variety of options which can be specified via tsconfig.json
, as CLI flags, as environment variables, or programmatically.
For a complete list, see Options.
@hutechwebsite/doloremque-magnam-quos-officiis CLI flags must come before the entrypoint script. For example:
$ @hutechwebsite/doloremque-magnam-quos-officiis --project tsconfig-dev.json say-hello.ts Ronald
Hello, Ronald!
@hutechwebsite/doloremque-magnam-quos-officiis automatically finds and loads tsconfig.json
. Most @hutechwebsite/doloremque-magnam-quos-officiis options can be specified in a "@hutechwebsite/doloremque-magnam-quos-officiis"
object using their programmatic, camelCase names. We recommend this because it works even when you cannot pass CLI flags, such as node --require @hutechwebsite/doloremque-magnam-quos-officiis/register
and when using shebangs.
Use --skipProject
to skip loading the tsconfig.json
. Use --project
to explicitly specify the path to a tsconfig.json
.
When searching, it is resolved using the same search behavior as tsc
. By default, this search is performed relative to the entrypoint script. In --cwdMode
or if no entrypoint is specified -- for example when using the REPL -- the search is performed relative to --cwd
/ process.cwd()
.
You can use this sample configuration as a starting point:
{
// This is an alias to @tsconfig/node16: https://github.com/tsconfig/bases
"extends": "@hutechwebsite/doloremque-magnam-quos-officiis/node16/tsconfig.json",
// Most @hutechwebsite/doloremque-magnam-quos-officiis options can be specified here using their programmatic names.
"@hutechwebsite/doloremque-magnam-quos-officiis": {
// It is faster to skip typechecking.
// Remove if you want @hutechwebsite/doloremque-magnam-quos-officiis to do typechecking.
"transpileOnly": true,
"files": true,
"compilerOptions": {
// compilerOptions specified here will override those declared below,
// but *only* in @hutechwebsite/doloremque-magnam-quos-officiis. Useful if you want @hutechwebsite/doloremque-magnam-quos-officiis and tsc to use
// different options with a single tsconfig.json.
}
},
"compilerOptions": {
// typescript options here
}
}
Our bundled JSON schema lists all compatible options.
@tsconfig/bases maintains recommended configurations for several node versions. As a convenience, these are bundled with @hutechwebsite/doloremque-magnam-quos-officiis.
{
"extends": "@hutechwebsite/doloremque-magnam-quos-officiis/node16/tsconfig.json",
// Or install directly with `npm i -D @tsconfig/node16`
"extends": "@tsconfig/node16/tsconfig.json",
}
If no tsconfig.json
is loaded from disk, @hutechwebsite/doloremque-magnam-quos-officiis will use the newest recommended defaults from
@tsconfig/bases compatible with your node
and typescript
versions.
With the latest node
and typescript
, this is @tsconfig/node16
.
Older versions of typescript
are incompatible with @tsconfig/node16
. In those cases we will use an older default configuration.
When in doubt, @hutechwebsite/doloremque-magnam-quos-officiis --showConfig
will log the configuration being used, and @hutechwebsite/doloremque-magnam-quos-officiis -vv
will log node
and typescript
versions.
node
flags must be passed directly to node
; they cannot be passed to the @hutechwebsite/doloremque-magnam-quos-officiis binary nor can they be specified in tsconfig.json
We recommend using the NODE_OPTIONS
environment variable to pass options to node
.
NODE_OPTIONS='--trace-deprecation --abort-on-uncaught-exception' @hutechwebsite/doloremque-magnam-quos-officiis ./index.ts
Alternatively, you can invoke node
directly and install @hutechwebsite/doloremque-magnam-quos-officiis via --require
/-r
node --trace-deprecation --abort-on-uncaught-exception -r @hutechwebsite/doloremque-magnam-quos-officiis/register ./index.ts
All command-line flags support both --camelCase
and --hyphen-case
.
Most options can be declared in your tsconfig.json: Configuration via tsconfig.json
@hutechwebsite/doloremque-magnam-quos-officiis
supports --print
(-p
), --eval
(-e
), --require
(-r
) and --interactive
(-i
) similar to the node.js CLI.
@hutechwebsite/doloremque-magnam-quos-officiis
supports --project
and --showConfig
similar to the tsc CLI.
Environment variables, where available, are in ALL_CAPS
@hutechwebsite/doloremque-magnam-quos-officiis --help
Prints the help text
@hutechwebsite/doloremque-magnam-quos-officiis -v
@hutechwebsite/doloremque-magnam-quos-officiis -vvv
Prints the version. -vv
includes node and typescript compiler versions. -vvv
includes absolute paths to @hutechwebsite/doloremque-magnam-quos-officiis and
typescript installations.
@hutechwebsite/doloremque-magnam-quos-officiis -e <typescript code>
# Example
@hutechwebsite/doloremque-magnam-quos-officiis -e 'console.log("Hello world!")'
Evaluate code
@hutechwebsite/doloremque-magnam-quos-officiis -p -e <typescript code>
# Example
@hutechwebsite/doloremque-magnam-quos-officiis -p -e '"Hello world!"'
Print result of --eval
@hutechwebsite/doloremque-magnam-quos-officiis -i
Opens the REPL even if stdin does not appear to be a terminal
@hutechwebsite/doloremque-magnam-quos-officiis --esm
@hutechwebsite/doloremque-magnam-quos-officiis-esm
Bootstrap with the ESM loader, enabling full ESM support
@hutechwebsite/doloremque-magnam-quos-officiis -P <path/to/tsconfig>
@hutechwebsite/doloremque-magnam-quos-officiis --project <path/to/tsconfig>
Path to tsconfig file.
Note the uppercase -P
. This is different from tsc
's -p/--project
option.
Environment: TS_NODE_PROJECT
@hutechwebsite/doloremque-magnam-quos-officiis --skipProject
Skip project config resolution and loading
Default: false
Environment: TS_NODE_SKIP_PROJECT
@hutechwebsite/doloremque-magnam-quos-officiis -c
@hutechwebsite/doloremque-magnam-quos-officiis --cwdMode
@hutechwebsite/doloremque-magnam-quos-officiis-cwd
Resolve config relative to the current directory instead of the directory of the entrypoint script
@hutechwebsite/doloremque-magnam-quos-officiis -O <json compilerOptions>
@hutechwebsite/doloremque-magnam-quos-officiis --compilerOptions <json compilerOptions>
JSON object to merge with compiler options
Environment: TS_NODE_COMPILER_OPTIONS
@hutechwebsite/doloremque-magnam-quos-officiis --showConfig
Print resolved tsconfig.json
, including @hutechwebsite/doloremque-magnam-quos-officiis
options, and exit
@hutechwebsite/doloremque-magnam-quos-officiis -T
@hutechwebsite/doloremque-magnam-quos-officiis --transpileOnly
Use TypeScript's faster transpileModule
Default: false
Environment: TS_NODE_TRANSPILE_ONLY
@hutechwebsite/doloremque-magnam-quos-officiis --typeCheck
Opposite of --transpileOnly
Default: true
Environment: TS_NODE_TYPE_CHECK
@hutechwebsite/doloremque-magnam-quos-officiis -H
@hutechwebsite/doloremque-magnam-quos-officiis --compilerHost
Use TypeScript's compiler host API
Default: false
Environment: TS_NODE_COMPILER_HOST
@hutechwebsite/doloremque-magnam-quos-officiis --files
Load files
, include
and exclude
from tsconfig.json
on startup. This may
avoid certain typechecking failures. See Missing types for details.
Default: false
Environment: TS_NODE_FILES
@hutechwebsite/doloremque-magnam-quos-officiis -D <code,code>
@hutechwebsite/doloremque-magnam-quos-officiis --ignoreDiagnostics <code,code>
Ignore TypeScript warnings by diagnostic code
Environment: TS_NODE_IGNORE_DIAGNOSTICS
@hutechwebsite/doloremque-magnam-quos-officiis -I <regexp matching ignored files>
@hutechwebsite/doloremque-magnam-quos-officiis --ignore <regexp matching ignored files>
Override the path patterns to skip compilation
Default: /node_modules/
Environment: TS_NODE_IGNORE
@hutechwebsite/doloremque-magnam-quos-officiis --skipIgnore
Skip ignore checks
Default: false
Environment: TS_NODE_SKIP_IGNORE
@hutechwebsite/doloremque-magnam-quos-officiis -C <name>
@hutechwebsite/doloremque-magnam-quos-officiis --compiler <name>
Specify a custom TypeScript compiler
Default: typescript
Environment: TS_NODE_COMPILER
@hutechwebsite/doloremque-magnam-quos-officiis --swc
Transpile with swc. Implies --transpileOnly
Default: false
@hutechwebsite/doloremque-magnam-quos-officiis --transpiler <name>
# Example
@hutechwebsite/doloremque-magnam-quos-officiis --transpiler @hutechwebsite/doloremque-magnam-quos-officiis/transpilers/swc
Use a third-party, non-typechecking transpiler
@hutechwebsite/doloremque-magnam-quos-officiis --preferTsExts
Re-order file extensions so that TypeScript imports are preferred
Default: false
Environment: TS_NODE_PREFER_TS_EXTS
@hutechwebsite/doloremque-magnam-quos-officiis --logError
Logs TypeScript errors to stderr instead of throwing exceptions
Default: false
Environment: TS_NODE_LOG_ERROR
@hutechwebsite/doloremque-magnam-quos-officiis --pretty
Use pretty diagnostic formatter
Default: false
Environment: TS_NODE_PRETTY
TS_NODE_DEBUG=true @hutechwebsite/doloremque-magnam-quos-officiis
Enable debug logging
@hutechwebsite/doloremque-magnam-quos-officiis -r <module name or path>
@hutechwebsite/doloremque-magnam-quos-officiis --require <module name or path>
Require a node module before execution
@hutechwebsite/doloremque-magnam-quos-officiis --cwd <path/to/directory>
Behave as if invoked in this working directory
Default: process.cwd()
Environment: TS_NODE_CWD
@hutechwebsite/doloremque-magnam-quos-officiis --emit
Emit output files into .@hutechwebsite/doloremque-magnam-quos-officiis
directory. Requires --compilerHost
Default: false
Environment: TS_NODE_EMIT
@hutechwebsite/doloremque-magnam-quos-officiis --scope
Scope compiler to files within scopeDir
. Anything outside this directory is ignored.
Default: false
Environment: TS_NODE_SCOPE
@hutechwebsite/doloremque-magnam-quos-officiis --scopeDir <path/to/directory>
Directory within which compiler is limited when scope
is enabled.
Default: First of: tsconfig.json
"rootDir" if specified, directory containing tsconfig.json
, or cwd if no tsconfig.json
is loaded.
Environment: TS_NODE_SCOPE_DIR
Override the module type of certain files, ignoring the package.json
"type"
field. See Module type overrides for details.
Default: obeys package.json
"type"
and tsconfig.json
"module"
Can only be specified via tsconfig.json
or API.
TS_NODE_HISTORY=<path/to/history/file> @hutechwebsite/doloremque-magnam-quos-officiis
Path to history file for REPL
Default: ~/.ts_node_repl_history
@hutechwebsite/doloremque-magnam-quos-officiis --noExperimentalReplAwait
Disable top-level await in REPL. Equivalent to node's --no-experimental-repl-await
Default: Enabled if TypeScript version is 3.8 or higher and target is ES2018 or higher.
Environment: TS_NODE_EXPERIMENTAL_REPL_AWAIT
set false
to disable
Enable experimental hooks that re-map imports and require calls to support:
- remapping extensions, e.g. so that
import "./foo.js"
will executefoo.ts
. Currently the following extensions will be mapped:-
.js
to.ts
,.tsx
, or.jsx
-
.cjs
to.cts
-
.mjs
to.mts
-
.jsx
to.tsx
-
- including file extensions in CommonJS, for consistency with ESM where this is often mandatory
In the future, this hook will also support:
-
baseUrl
,paths
rootDirs
-
outDir
torootDir
mappings for composite projects and monorepos
For details, see #1514.
Default: false
, but will likely be enabled by default in a future version
Can only be specified via tsconfig.json
or API.
@hutechwebsite/doloremque-magnam-quos-officiis --experimentalSpecifierResolution node
Like node's --experimental-specifier-resolution
, but can also be set in your tsconfig.json
for convenience.
Requires esm
to be enabled.
Default: explicit
The API includes additional options not shown here.
SWC support is built-in via the --swc
flag or "swc": true
tsconfig option.
SWC is a TypeScript-compatible transpiler implemented in Rust. This makes it an order of magnitude faster than vanilla transpileOnly
.
To use it, first install @swc/core
or @swc/wasm
. If using importHelpers
, also install @swc/helpers
. If target
is less than "es2015" and using async
/await
or generator functions, also install regenerator-runtime
.
npm i -D @swc/core @swc/helpers regenerator-runtime
Then add the following to your tsconfig.json
.
{
"@hutechwebsite/doloremque-magnam-quos-officiis": {
"swc": true
}
}
SWC uses
@swc/helpers
instead oftslib
. If you have enabledimportHelpers
, you must also install@swc/helpers
.
TypeScript is almost always written using modern import
syntax, but it is also transformed before being executed by the underlying runtime. You can choose to either transform to CommonJS or to preserve the native import
syntax, using node's native ESM support. Configuration is different for each.
Here is a brief comparison of the two.
CommonJS | Native ECMAScript modules |
---|---|
Write native import syntax |
Write native import syntax |
Transforms import into require()
|
Does not transform import
|
Node executes scripts using the classic CommonJS loader | Node executes scripts using the new ESM loader |
Use any of:@hutechwebsite/doloremque-magnam-quos-officiis node -r @hutechwebsite/doloremque-magnam-quos-officiis/register NODE_OPTIONS="@hutechwebsite/doloremque-magnam-quos-officiis/register" node require('@hutechwebsite/doloremque-magnam-quos-officiis').register({/* options */})
|
Use any of:@hutechwebsite/doloremque-magnam-quos-officiis --esm @hutechwebsite/doloremque-magnam-quos-officiis-esm Set "esm": true in tsconfig.json node --loader @hutechwebsite/doloremque-magnam-quos-officiis/esm NODE_OPTIONS="--loader @hutechwebsite/doloremque-magnam-quos-officiis/esm" node
|
Transforming to CommonJS is typically simpler and more widely supported because it is older. You must remove "type": "module"
from package.json
and set "module": "CommonJS"
in tsconfig.json
.
{
// This can be omitted; commonjs is the default
"type": "commonjs"
}
{
"compilerOptions": {
"module": "CommonJS"
}
}
If you must keep "module": "ESNext"
for tsc
, webpack, or another build tool, you can set an override for @hutechwebsite/doloremque-magnam-quos-officiis.
{
"compilerOptions": {
"module": "ESNext"
},
"@hutechwebsite/doloremque-magnam-quos-officiis": {
"compilerOptions": {
"module": "CommonJS"
}
}
}
Node's ESM loader hooks are experimental and subject to change. @hutechwebsite/doloremque-magnam-quos-officiis's ESM support is as stable as possible, but it relies on APIs which node can and will break in new versions of node. Thus it is not recommended for production.
For complete usage, limitations, and to provide feedback, see #1007.
You must set "type": "module"
in package.json
and "module": "ESNext"
in tsconfig.json
.
{
"type": "module"
}
{
"compilerOptions": {
"module": "ESNext" // or ES2015, ES2020
},
"@hutechwebsite/doloremque-magnam-quos-officiis": {
// Tell @hutechwebsite/doloremque-magnam-quos-officiis CLI to install the --loader automatically, explained below
"esm": true
}
}
You must also ensure node is passed --loader
. The @hutechwebsite/doloremque-magnam-quos-officiis CLI will do this automatically with our esm
option.
Note:
--esm
must spawn a child process to pass it--loader
. This may change if node adds the ability to install loader hooks into the current process.
# pass the flag
@hutechwebsite/doloremque-magnam-quos-officiis --esm
# Use the convenience binary
@hutechwebsite/doloremque-magnam-quos-officiis-esm
# or add `"esm": true` to your tsconfig.json to make it automatic
@hutechwebsite/doloremque-magnam-quos-officiis
If you are not using our CLI, pass the loader flag to node.
node --loader @hutechwebsite/doloremque-magnam-quos-officiis/esm ./index.ts
# Or via environment variable
NODE_OPTIONS="--loader @hutechwebsite/doloremque-magnam-quos-officiis/esm" node ./index.ts
@hutechwebsite/doloremque-magnam-quos-officiis uses sensible default configurations to reduce boilerplate while still respecting tsconfig.json
if you
have one. If you are unsure which configuration is used, you can log it with @hutechwebsite/doloremque-magnam-quos-officiis --showConfig
. This is similar to
tsc --showConfig
but includes "@hutechwebsite/doloremque-magnam-quos-officiis"
options as well.
@hutechwebsite/doloremque-magnam-quos-officiis also respects your locally-installed typescript
version, but global installations fallback to the globally-installed
typescript
. If you are unsure which versions are used, @hutechwebsite/doloremque-magnam-quos-officiis -vv
will log them.
$ @hutechwebsite/doloremque-magnam-quos-officiis -vv
@hutechwebsite/doloremque-magnam-quos-officiis v10.0.0
node v16.1.0
compiler v4.2.2
$ @hutechwebsite/doloremque-magnam-quos-officiis --showConfig
{
"compilerOptions": {
"target": "es6",
"lib": [
"es6",
"dom"
],
"rootDir": "./src",
"outDir": "./.@hutechwebsite/doloremque-magnam-quos-officiis",
"module": "commonjs",
"moduleResolution": "node",
"strict": true,
"declaration": false,
"sourceMap": true,
"inlineSources": true,
"types": [
"node"
],
"stripInternal": true,
"incremental": true,
"skipLibCheck": true,
"importsNotUsedAsValues": "error",
"inlineSourceMap": false,
"noEmit": false
},
"@hutechwebsite/doloremque-magnam-quos-officiis": {
"cwd": "/d/project",
"projectSearchDir": "/d/project",
"require": [],
"project": "/d/project/tsconfig.json"
}
}
It is important to differentiate between errors from @hutechwebsite/doloremque-magnam-quos-officiis, errors from the TypeScript compiler, and errors from node
. It is also important to understand when errors are caused by a type error in your code, a bug in your code, or a flaw in your configuration.
Type errors from the compiler are thrown as a TSError
. These are the same as errors you get from tsc
.
Any error that is not a TSError
is from node.js (e.g. SyntaxError
), and cannot be fixed by TypeScript or @hutechwebsite/doloremque-magnam-quos-officiis. These are bugs in your code or configuration.
Your version of node
may not support all JavaScript syntax supported by TypeScript. The compiler must transform this syntax via "downleveling," which is controlled by
the tsconfig "target"
option. Otherwise your code will compile fine, but node will throw a SyntaxError
.
For example, node
12 does not understand the ?.
optional chaining operator. If you use "target": "esnext"
, then the following TypeScript syntax:
const bar: string | undefined = foo?.bar;
will compile into this JavaScript:
const a = foo?.bar;
When you try to run this code, node 12 will throw a SyntaxError
. To fix this, you must switch to "target": "es2019"
or lower so TypeScript transforms ?.
into something node
can understand.
This error is thrown by node when a module is require()
d, but node believes it should execute as native ESM. This can happen for a few reasons:
- You have installed an ESM dependency but your own code compiles to CommonJS.
- Solution: configure your project to compile and execute as native ESM. Docs
- Solution: downgrade the dependency to an older, CommonJS version.
- You have moved your project to ESM but still have a config file, such as
webpack.config.ts
, which must be executed as CommonJS- Solution: if supported by the relevant tool, rename your config file to
.cts
- Solution: Configure a module type override. Docs
- Solution: if supported by the relevant tool, rename your config file to
- You have a mix of CommonJS and native ESM in your project
- Solution: double-check all package.json "type" and tsconfig.json "module" configuration Docs
- Solution: consider simplifying by making your project entirely CommonJS or entirely native ESM
This error is thrown by node when a module has an unrecognized file extension, or no extension at all, and is being executed as native ESM. This can happen for a few reasons:
- You are using a tool which has an extensionless binary, such as
mocha
.- CommonJS supports extensionless files but native ESM does not.
- Solution: upgrade to @hutechwebsite/doloremque-magnam-quos-officiis >=v10.6.0, which implements a workaround.
- Our ESM loader is not installed.
- Solution: Use
@hutechwebsite/doloremque-magnam-quos-officiis-esm
,@hutechwebsite/doloremque-magnam-quos-officiis --esm
, or add"@hutechwebsite/doloremque-magnam-quos-officiis": {"esm": true}
to your tsconfig.json. Docs
- Solution: Use
- You have moved your project to ESM but still have a config file, such as
webpack.config.ts
, which must be executed as CommonJS- Solution: if supported by the relevant tool, rename your config file to
.cts
- Solution: Configure a module type override. Docs
- Solution: if supported by the relevant tool, rename your config file to
@hutechwebsite/doloremque-magnam-quos-officiis does not eagerly load files
, include
or exclude
by default. This is because a large majority of projects do not use all of the files in a project directory (e.g. Gulpfile.ts
, runtime vs tests) and parsing every file for types slows startup time. Instead, @hutechwebsite/doloremque-magnam-quos-officiis starts with the script file (e.g. @hutechwebsite/doloremque-magnam-quos-officiis index.ts
) and TypeScript resolves dependencies based on imports and references.
Occasionally, this optimization leads to missing types. Fortunately, there are other ways to include them in typechecking.
For global definitions, you can use the typeRoots
compiler option. This requires that your type definitions be structured as type packages (not loose TypeScript definition files). More details on how this works can be found in the TypeScript Handbook.
Example tsconfig.json
:
{
"compilerOptions": {
"typeRoots" : ["./node_modules/@types", "./typings"]
}
}
Example project structure:
<project_root>/
-- tsconfig.json
-- typings/
-- <module_name>/
-- index.d.ts
Example module declaration file:
declare module '<module_name>' {
// module definitions go here
}
For module definitions, you can use paths
:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"custom-module-type": ["types/custom-module-type"]
}
}
}
Another option is triple-slash directives. This may be helpful if you prefer not to change your compilerOptions
or structure your type definitions for typeRoots
. Below is an example of a triple-slash directive as a relative path within your project:
/// <reference path="./types/lib_greeter" />
import {Greeter} from "lib_greeter"
const g = new Greeter();
g.sayHello();
If none of the above work, and you must use files
, include
, or exclude
, enable our files
option.
When executing TypeScript with npx
or yarn dlx
, the code resides within a temporary node_modules
directory.
The contents of node_modules
are ignored by default. If execution fails, enable skipIgnore
.
These tricks will make @hutechwebsite/doloremque-magnam-quos-officiis faster.
It is often better to typecheck as part of your tests or linting. You can run tsc --noEmit
to do this. In these cases, @hutechwebsite/doloremque-magnam-quos-officiis can skip typechecking, making it much faster.
To skip typechecking in @hutechwebsite/doloremque-magnam-quos-officiis, do one of the following:
- Enable swc
- This is by far the fastest option
- Enable
transpileOnly
to skip typechecking without swc
If you absolutely must typecheck in @hutechwebsite/doloremque-magnam-quos-officiis:
- Avoid dynamic
require()
which may trigger repeated typechecking; preferimport
- Try with and without
--files
; one may be faster depending on your project - Check
tsc --showConfig
; make sure all executed files are included - Enable
skipLibCheck
- Set a
types
array to avoid loading unnecessary@types
@hutechwebsite/doloremque-magnam-quos-officiis works by registering hooks for .ts
, .tsx
, .js
, and/or .jsx
extensions.
Vanilla node
loads .js
by reading code from disk and executing it. Our hook runs in the middle, transforming code from TypeScript to JavaScript and passing the result to node
for execution. This transformation will respect your tsconfig.json
as if you had compiled via tsc
.
We also register a few other hooks to apply sourcemaps to stack traces and remap from .js
imports to .ts
.
@hutechwebsite/doloremque-magnam-quos-officiis transforms certain files and ignores others. We refer to this mechanism as "scoping." There are various options to configure scoping, so that @hutechwebsite/doloremque-magnam-quos-officiis transforms only the files in your project.
Warning:
An ignored file can still be executed by node.js. Ignoring a file means we do not transform it from TypeScript into JavaScript, but it does not prevent execution.
If a file requires transformation but is ignored, node may either fail to resolve it or attempt to execute it as vanilla JavaScript. This may cause syntax errors or other failures, because node does not understand TypeScript type syntax nor bleeding-edge ECMAScript features.
.js
and .jsx
are only transformed when allowJs
is enabled.
.tsx
and .jsx
are only transformed when jsx
is enabled.
Warning:
When @hutechwebsite/doloremque-magnam-quos-officiis is used with
allowJs
, all non-ignored JavaScript files are transformed by @hutechwebsite/doloremque-magnam-quos-officiis.
By default, @hutechwebsite/doloremque-magnam-quos-officiis avoids compiling files in /node_modules/
for three reasons:
- Modules should always be published in a format node.js can consume
- Transpiling the entire dependency tree will make your project slower
- Differing behaviours between TypeScript and node.js (e.g. ES2015 modules) can result in a project that works until you decide to support a feature natively from node.js
If you need to import uncompiled TypeScript in node_modules
, use --skipIgnore
or TS_NODE_SKIP_IGNORE
to bypass this restriction.
If a compiled JavaScript file with the same name as a TypeScript file already exists, the TypeScript file will be ignored. @hutechwebsite/doloremque-magnam-quos-officiis will import the pre-compiled JavaScript.
To force @hutechwebsite/doloremque-magnam-quos-officiis to import the TypeScript source, not the precompiled JavaScript, use --preferTsExts
.
Our scope
and scopeDir
options will limit transformation to files
within a directory.
Our ignore
option will ignore files matching one or more regular expressions.
You can use @hutechwebsite/doloremque-magnam-quos-officiis together with tsconfig-paths to load modules according to the paths
section in tsconfig.json
.
{
"@hutechwebsite/doloremque-magnam-quos-officiis": {
// Do not forget to `npm i -D tsconfig-paths`
"require": ["tsconfig-paths/register"]
}
}
The official TypeScript Handbook explains the intended purpose for "paths"
in "Additional module resolution flags".
The TypeScript compiler has a set of additional flags to inform the compiler of transformations that are expected to happen to the sources to generate the final output.
It is important to note that the compiler will not perform any of these transformations; it just uses these pieces of information to guide the process of resolving a module import to its definition file.
This means "paths"
are intended to describe mappings that the build tool or runtime already performs, not to tell the build tool or
runtime how to resolve modules. In other words, they intend us to write our imports in a way node
already understands. For this reason, @hutechwebsite/doloremque-magnam-quos-officiis does not modify node
's module resolution behavior to implement "paths"
mappings.
Some projects require a patched typescript compiler which adds additional features. For example, ttypescript
and ts-patch
add the ability to configure custom transformers. These are drop-in replacements for the vanilla typescript
module and
implement the same API.
For example, to use ttypescript
and ts-transformer-keys
, add this to your tsconfig.json
:
{
"@hutechwebsite/doloremque-magnam-quos-officiis": {
// This can be omitted when using ts-patch
"compiler": "ttypescript"
},
"compilerOptions": {
// plugin configuration is the same for both ts-patch and ttypescript
"plugins": [
{ "transform": "ts-transformer-keys/transformer" }
]
}
}
@hutechwebsite/doloremque-magnam-quos-officiis supports third-party transpilers as plugins. Transpilers such as swc can transform TypeScript into JavaScript
much faster than the TypeScript compiler. You will still benefit from @hutechwebsite/doloremque-magnam-quos-officiis's automatic tsconfig.json
discovery,
sourcemap support, and global @hutechwebsite/doloremque-magnam-quos-officiis CLI. Plugins automatically derive an appropriate configuration from your existing
tsconfig.json
which simplifies project boilerplate.
What is the difference between a compiler and a transpiler?
For our purposes, a compiler implements TypeScript's API and can perform typechecking. A third-party transpiler does not. Both transform TypeScript into JavaScript.
The transpiler
option allows using third-party transpiler plugins with @hutechwebsite/doloremque-magnam-quos-officiis. transpiler
must be given the
name of a module which can be require()
d. The built-in swc
plugin is exposed as @hutechwebsite/doloremque-magnam-quos-officiis/transpilers/swc
.
For example, to use a hypothetical "@cspotcode/fast-ts-compiler", first install it into your project: npm install @cspotcode/fast-ts-compiler
Then add the following to your tsconfig:
{
"@hutechwebsite/doloremque-magnam-quos-officiis": {
"transpileOnly": true,
"transpiler": "@cspotcode/fast-ts-compiler"
}
}
To write your own transpiler plugin, check our API docs.
Plugins are require()
d by @hutechwebsite/doloremque-magnam-quos-officiis, so they can be a local script or a node module published to npm. The module must
export a create
function described by our
TranspilerModule
interface. create
is
invoked by @hutechwebsite/doloremque-magnam-quos-officiis at startup to create one or more transpiler instances. The instances are used to transform
TypeScript into JavaScript.
For a working example, check out out our bundled swc plugin: https://github.com/hutechwebsite/doloremque-magnam-quos-officiis/blob/main/src/transpilers/swc.ts
Wherever possible, it is recommended to use TypeScript's
NodeNext
orNode16
mode instead of the options described in this section. Setting"module": "NodeNext"
and using the.cts
file extension should work well for most projects.
When deciding how a file should be compiled and executed -- as either CommonJS or native ECMAScript module -- @hutechwebsite/doloremque-magnam-quos-officiis matches
node
and tsc
behavior. This means TypeScript files are transformed according to your tsconfig.json
"module"
option and executed according to node's rules for the package.json
"type"
field. Set "module": "NodeNext"
and everything should work.
In rare cases, you may need to override this behavior for some files. For example, some tools read a name-of-tool.config.ts
and require that file to execute as CommonJS. If you have package.json
configured with "type": "module"
and tsconfig.json
with
"module": "esnext"
, the config is native ECMAScript by default and will raise an error. You will need to force the config and
any supporting scripts to execute as CommonJS.
In these situations, our moduleTypes
option can override certain files to be
CommonJS or ESM. Similar overriding is possible by using .mts
, .cts
, .cjs
and .mjs
file extensions.
moduleTypes
achieves the same effect for .ts
and .js
files, and also overrides your tsconfig.json
"module"
config appropriately.
The following example tells @hutechwebsite/doloremque-magnam-quos-officiis to execute a webpack config as CommonJS:
{
"@hutechwebsite/doloremque-magnam-quos-officiis": {
"transpileOnly": true,
"moduleTypes": {
"webpack.config.ts": "cjs",
// Globs are also supported with the same behavior as tsconfig "include"
"webpack-config-scripts/**/*": "cjs"
}
},
"compilerOptions": {
"module": "es2020",
"target": "es2020"
}
}
Each key is a glob pattern with the same syntax as tsconfig's "include"
array.
When multiple patterns match the same file, the last pattern takes precedence.
-
cjs
overrides matches files to compile and execute as CommonJS. -
esm
overrides matches files to compile and execute as native ECMAScript modules. -
package
resets either of the above to default behavior, which obeyspackage.json
"type"
andtsconfig.json
"module"
options.
Files with an overridden module type are transformed with the same limitations as isolatedModules
. This will only affect rare cases such as using const enum
s with preserveConstEnums
disabled.
This feature is meant to facilitate scenarios where normal compilerOptions
and package.json
configuration is not possible. For example, a webpack.config.ts
cannot be given its own package.json
to override "type"
. Wherever possible you should favor using traditional package.json
and tsconfig.json
configurations.
@hutechwebsite/doloremque-magnam-quos-officiis's complete API is documented here: API Docs
Here are a few highlights of what you can accomplish:
-
create()
creates @hutechwebsite/doloremque-magnam-quos-officiis's compiler service without registering any hooks. -
createRepl()
creates an instance of our REPL service, so you can create your own TypeScript-powered REPLs. -
createEsmHooks()
creates our ESM loader hooks, suitable for composing with other loaders or augmenting with additional features.
@hutechwebsite/doloremque-magnam-quos-officiis focuses on adding first-class TypeScript support to node. Watching files and code reloads are out of scope for the project.
If you want to restart the @hutechwebsite/doloremque-magnam-quos-officiis
process on file change, existing node.js tools such as nodemon, onchange and node-dev work.
There's also @hutechwebsite/doloremque-magnam-quos-officiis-dev
, a modified version of node-dev
using @hutechwebsite/doloremque-magnam-quos-officiis
for compilation that will restart the process on file change. Note that @hutechwebsite/doloremque-magnam-quos-officiis-dev
is incompatible with our native ESM loader.
Assuming you are configuring AVA via your package.json
, add one of the following configurations.
Use this configuration if your package.json
does not have "type": "module"
.
{
"ava": {
"extensions": [
"ts"
],
"require": [
"@hutechwebsite/doloremque-magnam-quos-officiis/register"
]
}
}
This configuration is necessary if your package.json
has "type": "module"
.
{
"ava": {
"extensions": {
"ts": "module"
},
"nonSemVerExperiments": {
"configurableModuleFormat": true
},
"nodeArguments": [
"--loader=@hutechwebsite/doloremque-magnam-quos-officiis/esm"
]
}
}
@hutechwebsite/doloremque-magnam-quos-officiis support is built-in to gulp.
# Create a `gulpfile.ts` and run `gulp`.
gulp
See also: https://gulpjs.com/docs/en/getting-started/javascript-and-gulpfiles#transpilation
Create a new Node.js configuration and add -r @hutechwebsite/doloremque-magnam-quos-officiis/register
to "Node parameters."
Note: If you are using the --project <tsconfig.json>
command line argument as per the Configuration Options, and want to apply this same behavior when launching in IntelliJ, specify under "Environment Variables": TS_NODE_PROJECT=<tsconfig.json>
.
mocha --require @hutechwebsite/doloremque-magnam-quos-officiis/register --extensions ts,tsx --watch --watch-files src 'tests/**/*.{ts,tsx}' [...args]
Or specify options via your mocha config file.
{
// Specify "require" for CommonJS
"require": "@hutechwebsite/doloremque-magnam-quos-officiis/register",
// Specify "loader" for native ESM
"loader": "@hutechwebsite/doloremque-magnam-quos-officiis/esm",
"extensions": ["ts", "tsx"],
"spec": [
"tests/**/*.spec.*"
],
"watch-files": [
"src"
]
}
See also: https://mochajs.org/#configuring-mocha-nodejs
mocha --require @hutechwebsite/doloremque-magnam-quos-officiis/register --watch-extensions ts,tsx "test/**/*.{ts,tsx}" [...args]
Note: --watch-extensions
is only used in --watch
mode.
@hutechwebsite/doloremque-magnam-quos-officiis node_modules/tape/bin/tape [...args]
Create a new Node.js debug configuration, add -r @hutechwebsite/doloremque-magnam-quos-officiis/register
to node args and move the program
to the args
list (so VS Code doesn't look for outFiles
).
{
"configurations": [{
"type": "node",
"request": "launch",
"name": "Launch Program",
"runtimeArgs": [
"-r",
"@hutechwebsite/doloremque-magnam-quos-officiis/register"
],
"args": [
"${workspaceFolder}/src/index.ts"
]
}],
}
Note: If you are using the --project <tsconfig.json>
command line argument as per the Configuration Options, and want to apply this same behavior when launching in VS Code, add an "env" key into the launch configuration: "env": { "TS_NODE_PROJECT": "<tsconfig.json>" }
.
In many cases, setting NODE_OPTIONS
will enable @hutechwebsite/doloremque-magnam-quos-officiis
within other node tools, child processes, and worker threads.
NODE_OPTIONS="-r @hutechwebsite/doloremque-magnam-quos-officiis/register"
Or, if you require native ESM support:
NODE_OPTIONS="--loader @hutechwebsite/doloremque-magnam-quos-officiis/esm"
This tells any node processes which receive this environment variable to install @hutechwebsite/doloremque-magnam-quos-officiis
's hooks before executing other code.
@hutechwebsite/doloremque-magnam-quos-officiis is licensed under the MIT license. MIT
@hutechwebsite/doloremque-magnam-quos-officiis includes source code from Node.js which is licensed under the MIT license. Node.js license information
@hutechwebsite/doloremque-magnam-quos-officiis includes source code from the TypeScript compiler which is licensed under the Apache License 2.0. TypeScript license information