/typescript-baseurl-vs-node-private-imports

Primary LanguageJavaScript

Typescript BaseUrl vs Node Private imports

We have 3 files:

👉 control.js

basically to show that it actually works. Using the "cumbersome" long file path.

import { one } from "../../src/one.js";

console.log(one);

👉 baseUrl.js

we now use the baseUrl typescript compilerOptions and import with it

import { one } from "one.js";

console.log(one);

👉 importMap.js

we now use a private node import we defined in the package.json

import { one } from "#one";

console.log(one);

We now execute/bundle those files with various tools and see the output.

Results

File TSC TSC@next Node Webpack Rollup
control.js ✅ ✅ ✅ ✅ ✅
baseUrl.js ✅ ✅ ❌ ❌ ❌
importMap.js ⚠️ [1] ✅ ✅ ✅ ✅ [2]

[1]: typescript < 4.6 will not get the type info from an import map
[2]: Requires the @rollup/plugin-node-resolve plugin

Run it yourself

npm run tsc
npm run tsc:base
npm run tsc:map
npm run node
npm run node:base
npm run node:map
npm run rollup
npm run rollup:base
npm run rollup:map
npm run webpack
npm run webpack:base
npm run webpack:map