https://github.com/dalcib/esbuild-plugin-cache

https://github.com/dalcib/esbuild-plugin-cache

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/dalcib/esbuild-plugin-cache
• Owner: dalcib
• License: mit
• Created: 2020-12-06T10:28:18.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-11-23T20:50:16.000Z (almost 2 years ago)
• Last Synced: 2024-07-29T12:40:07.862Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 107 KB
• Stars: 45
• Watchers: 2
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-esbuild - esbuild-plugin-cache

README

        
# esbuild-plugin-cache

### Esbuid plugin to cache http/https imports.

The plugin allows to use http/https imports without installing npm packages on node_modules.

It also allows to use [import-maps](https://github.com/WICG/import-maps) .

It can provide a feature similar to Snowpack 3.0, the new [Streaming NPM Imports](https://www.snowpack.dev/posts/2020-12-03-snowpack-3-release-candidate), which allows to skip the NPM install and node_modules.

```javascript

//index.js

import React from 'https://cdn.skypack.dev/[email protected]'

console.log(React.version)

```

#### Build script:

```javascript

//build.js

import esbuild from 'esbuild'

import { cache } from 'esbuild-plugin-cache'

esbuild

  .build({

    entryPoints: ['index.js'],

    bundle: true,

    outfile: 'bundle.js',

    plugins: [cache()],

  })

  .catch(() => process.exit(1))

```

#### Config:

`config: {importmap: {imports:{[key: string]: string}}, directory: string}`

- `importmap`: Import-map object. Default: `{}`

- `directory`: Path or name for the directory of the cache. Default to Deno cache directory. Optionally the cache directory can be defined with DENO_DIR env variable: `process.env.DENO_DIR = 'cache'`.

#### Using with `importmap`

```javascript

//index.js

import React from 'react'

console.log(React.version)

```

```javascript

//build.js

import esbuild from 'esbuild'

import { cache } from 'esbuild-plugin-cache'

const importmap = {

  imports: {

    react: 'https://cdn.skypack.dev/[email protected]',

  },

}

esbuild

  .build({

    entryPoints: ['index.js'],

    bundle: true,

    outfile: 'bundle.js',

    plugins: [cache({ importmap, directory: './cache' })],

  })

  .catch(() => process.exit(1))

```