# `@perspective-dev/esbuild-plugin`

Applications bundled with `esbuild` can make use of the
`@perspective-dev/esbuild-plugin` module. A full example can be found in the
repo under
[`examples/esbuild-example`](https://github.com/perspective-dev/perspective/tree/master/examples/esbuild-example).

```javascript
const esbuild = require("esbuild");
const { PerspectiveEsbuildPlugin } = require("@perspective-dev/esbuild-plugin");

esbuild.build({
    entryPoints: ["src/index.js"],
    plugins: [PerspectiveEsbuildPlugin()],
    format: "esm",
    bundle: true,
    loader: {
        ".ttf": "file",
        ".wasm": "file",
    },
});
```

When bundling via `esbuild`, you must also:

- Use the `type="module"` attribute in your app's `<script>` tag, as this build
  mode is only supported via ES modules.
- Use the direct imports for the `esm` versions Perspective, specifically
  `@perspective-dev/client/dist/esm/perspective.js` and
  `@perspective-dev/viewer/dist/esm/perspective-viewer.js`