Packaging

Packaging your CRXJS project for distribution.

Packaging your project

Install `vite-plugin-zip-pack`

If you create a project using create-crxjs, no additional installation is required.

npm

pnpm

bun

yarn

npm i -D vite-plugin-zip-pack

Update `vite.config.js`

Read more at vite-plugin-zip-pack

vite.config.js

import { defineConfig } from 'vite'
import { crx } from '@crxjs/vite-plugin'
import manifest from './manifest.config.js'
import zip from 'vite-plugin-zip-pack'

export default defineConfig({
  plugins: [
    crx({ manifest }),
    zip({ outDir: 'release', outFileName: 'release.zip' }),
  ],
  server: {
    cors: {
      origin: [
        /chrome-extension:\/\//,
      ],
    },
  },
})