# cross-import

> Import .ts, .mjs, .cjs files across environments as JavaScript modules

Latest version **3.2.5** (published 2025-05-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install cross-import
pnpm add cross-import
yarn add cross-import
bun add cross-import
```

## Health

**Score 45/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities; has provenance; high quality score.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.2.5 |
| Published | 2025-05-13 |
| First published | 2022-12-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| Author | Aron |
| Maintainers | 1aron |
| Keywords | cjs, mjs, config, utils, module, read, cross, environments, commonjs, ts, typescript |

## Links

- npm: https://www.npmjs.com/package/cross-import
- Repository: https://github.com/techor-dev/techor
- Homepage: https://aron.tw
- Issues: https://github.com/techor-dev/techor/issues
- npm.io page: https://npm.io/package/cross-import

## Dependencies (1)

- [jiti](https://npm.io/package/jiti.md) ^2.4.1

## Alternatives

- [csv-to-markdown-table](https://npm.io/package/csv-to-markdown-table.md) — 47.0K weekly downloads
- [@sapphire/ratelimits](https://npm.io/package/@sapphire/ratelimits.md) — 4.4K weekly downloads
- [js-csvparser](https://npm.io/package/js-csvparser.md) — 2.0K weekly downloads
- [@adadapted/js-sdk](https://npm.io/package/@adadapted/js-sdk.md) — 251 weekly downloads
- [@grapecity/spread-sheets-sparklines](https://npm.io/package/@grapecity/spread-sheets-sparklines.md) — 103 weekly downloads

## Recent versions

- 3.2.5 (latest) — 2025-05-13
- 3.2.4 — 2025-05-13
- 3.2.3 — 2025-05-08
- 3.2.2 — 2025-05-08
- 3.2.1 — 2025-05-08
- 3.2.0 — 2025-03-20
- 3.1.7 — 2024-12-19
- 3.1.6 — 2024-12-16
- 3.1.5 — 2024-12-10
- 3.1.4 — 2024-11-27
- 3.1.3 — 2024-11-27
- 3.1.2 — 2024-11-26
- 3.1.1 — 2024-11-26
- 3.1.0 — 2024-11-25
- 3.0.23 — 2024-05-08
- … 116 more at https://npm.io/package/cross-import/versions

## README

<br>
<div align="center">

<p align="center">Import .ts, .mjs, .cjs files across environments as JavaScript modules</p>

<p align="center">
    <a aria-label="overview" href="https://github.com/techor-dev/techor">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/badge/%E2%AC%85%20back-%20?color=212022&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/badge/%E2%AC%85%20back-%20?color=f6f7f8&style=for-the-badge">
            <img alt="NPM Version" src="https://img.shields.io/badge/%E2%AC%85%20back-%20?color=f6f7f8&style=for-the-badge">
        </picture>
    </a>
    <a aria-label="GitHub release (latest by date including pre-releases)" href="https://github.com/techor-dev/techor/releases">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/v/release/techor-dev/techor?include_prereleases&color=212022&label=&style=for-the-badge&logo=github&logoColor=fff">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/v/release/techor-dev/techor?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github&logoColor=%23000">
            <img alt="NPM Version" src="https://img.shields.io/github/v/release/techor-dev/techor?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github">
        </picture>
    </a>
    <a aria-label="NPM Package" href="https://www.npmjs.com/package/cross-import">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/dm/cross-import?color=212022&label=%20&logo=npm&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/dm/cross-import?color=f6f7f8&label=%20&logo=npm&style=for-the-badge">
            <img alt="NPM package ( download / month )" src="https://img.shields.io/npm/dm/cross-import?color=f6f7f8&label=%20&logo=npm&style=for-the-badge">
        </picture>
    </a>
    <a aria-label="Follow @aron1tw" href="https://twitter.com/aron1tw">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=212022&logo=twitter&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
            <img alt="Follow @mastercorg" src="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
        </picture>
    </a>
    <a aria-label="Github Actions" href="https://github.com/techor-dev/techor/actions/workflows/release.yml">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/actions/workflow/status/techor-dev/techor/release.yml?branch=main&label=%20&message=twitter&color=212022&logo=githubactions&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/actions/workflow/status/techor-dev/techor/release.yml?branch=main&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
            <img alt="Github release actions" src="https://img.shields.io/github/actions/workflow/status/techor-dev/techor/release.yml?branch=main&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
        </picture>
    </a>
</p>

</div>

<br>

## Solved Problems

As far as is generally known:
- Cannot import ESM modules in CJS
- Cannot use ESM dynamic import in CJS
- Cannot use CJS dynamic require in ESM
- Cannot import .ts config in .js .cjs .mjs
- Cannot mix .js .cjs .mjs packages

<br>

## Getting Started

```bash
npm install cross-import
```

## Usage
```ts
import crossImport from 'cross-import'
```

```ts
crossImport(modulePath: string): any
```

### Import `.ts` in `.js`

`foo.ts`
```ts
export * from './bar'
export const foo = 'foo'
```

`bar.ts`
```ts
export const bar = 'bar'
```

`index.js`
```js
crossImport('./foo.ts')
// {"bar": "bar", "foo": "foo"}
```

<br>

<a aria-label="overview" href="https://github.com/techor-dev/techor#utilities">
<picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/badge/%E2%AC%85%20back%20to%20contents-%20?color=212022&style=for-the-badge">
    <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/badge/%E2%AC%85%20back%20to%20contents-%20?color=f6f7f8&style=for-the-badge">
    <img alt="NPM Version" src="https://img.shields.io/badge/%E2%AC%85%20back%20to%20contents-%20?color=f6f7f8&style=for-the-badge">
</picture>
</a>

---
_Source: https://npm.io/package/cross-import · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._