# esm-iso

**Repository Path**: mirrors_WebReflection/esm-iso

## Basic Information

- **Project Name**: esm-iso
- **Description**: Isomorphic ESM Loader
- **Primary Language**: Unknown
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2025-12-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# esm-iso

An [esm](https://www.npmjs.com/package/esm) companion for isomorphic JS modules.

```sh
node -r esm -r esm-iso server.js
```


### Examples

Try out the [live demo](https://isomorphic.glitch.me) with its [example code](https://glitch.com/edit/#!/isomorphic?path=www/index.html:1:0).

The summary is explained in here:
```js
import path from 'path';
import express from 'express';

// used to redirect client calls
const redirect = Object.assign(
  Object.create(null),
  {
    // import * from '/m/generic';
    // =>
    // import * from '/m/detailed/path/esm/index.js';
    'generic': 'detailed/path/esm/index.js'
  }
);

const app = express();
app.use('/m/', (req, res, next) => {
  const mod = req.url.replace(/\?[\S\s]*$/, '').replace(/^\/|\/$/g, '');
  if (mod in redirect) res.redirect('/m/' + redirect[mod]);
  else next();
});
app.use('/m/', express.static(
  // that's it: your browser can now load any module
  path.join(__dirname, 'node_modules')
));

import module from '/m/generic';
module.log('🎉');
```

You can use similar approach to also load any other module file:
```html
<script src="/m/generic/min.js"></script>
```


### Alternatives

If you want a more explicit version that uses `/node_modules/` instead of `/m/` as both client and server loader, you can check [slash-node-modules-loader](https://www.npmjs.com/package/slash-node-modules-loader) out: same loader, but with a more semantic absolute path.