vite-plugin-binary

vite-plugin-binary

A Vite plugin for importing the file as binary with compress support.

Install

npm i -D vite-plugin-binary

Usage

vite.config.ts

import { defineConfig } from 'vite'
import Binary from 'vite-plugin-binary'

export default defineConfig({
  plugins: [Binary()],
})

// main.ts
import compressed from './opposans.ttf?binary'

Node.js environment

Given the imports is compressed in gzip format. You can decompress by using the zlib no Node.js environment.

import { gunzipSync } from 'node:zlib'
import compressed from './opposans.ttf?binary'

const uint8Array = gzipSync(compressed)

Browser environment

Given the imports is compressed in gzip format. You can install fflate and other tools.

npm i fflate

import { gunzipSync } from 'fflate'
import compressed from './opposans.ttf?binary'

const uint8Array = gzipSync(compressed)

TypeScript support

To add the types check support for using typescript. Modify the tsconfig.json file as follows.

{
  "compilerOptions": {
    "types": ["vite-plugin-binary/types"]
  }
}