How to use exports in Typescript?

Question

I created a TS library that builds to dist as follows:

dist/
  - main.js
  - main.d.ts
  - tools.js
  - tools.d.ts
src/
  - main.ts
  - tools.ts

And my package.json is defined as follows:

"name": "@ws/my-lib"
"exports": {
  "./main": "./dist/main.js",
  "./tools": "./dist/tools.js"
},
"typesVersions": {
  "*": {
    "main": ["./dist/main.d.ts"],
    "tools": ["./dist/tools.d.ts"]
  }
}

However my CRA app fails to import any of my libs:

import { aFunction } from '@ws/my-lib/tools'

Module not found: Can't resolve '@ws/my-lib/tools' in '/path/to/component/component'

What is the correct way to do this?

Zou Jeff · Accepted Answer · 2021-06-11 03:29:09Z

3

You will need to specify the TS versions with the typesVersions field in package.json. See code below:

{
    "name": "@ws/my-lib"
    "exports": {
        "./main": "./dist/main.js",
        "./tools": "./dist/tools.js"
    },
    "typesVersions": {
        ">=4.1": { // put your desired ts version here
            "*": {
                "main": ["./dist/main.d.ts"],
                "tools": ["./dist/tools.d.ts"]
            }
        }
    }
}

check this document for more details.

answered Jun 11, 2021 at 3:29

Zou Jeff

9331 gold badge9 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use exports in Typescript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related