ESM

Pure ES module

Create ESM package

1. Config below in package.json:

{
  "type": "module"
}

2. use import foobar from 'foobar' instead of require.

3. NodeJS require >=12.20 | >=14.14 | >=16.0. Recommended { "engines": { "node": ">=14.16" } }.

4. Replace { "main": "index.js" } with { "exports": "./index.js" }.

5. Use full relative path for imports with file ext.

6. Recommended use node: protocol for import.

7. For TypeScript project, set "module": "node16" and "moduleResolution": "node16".

require.resolve

import { createRequire } from 'node:module'

const require = createRequire(import.meta.url)

const vue = require.resolve('vue')

__dirname

import path, { dirname } from 'node:path'
import { fileURLToPath, URL } from 'node:url'

// Both esm and cjs
const __dirname = fileURLToPath(new URL('.', import.meta.url))

const __filename = fileURLToPath(import.meta.url)

// const __dirname = path.dirname(fileURLToPath(import.meta.url))

// const __dirname = __dirname !== undefined ? __dirname : dirname(fileURLToPath(import.meta.url))

__filename

Refs

• Pure ESM package
• unjs - mlly