{"id":22542,"library":"vite-cep-plugin","title":"Vite CEP Plugin","description":"A Vite plugin for bundling Adobe CEP (Common Extensibility Platform) Extension panels. Current stable version is 2.2.0, released with regular updates. It integrates Vite's fast development server and build pipeline into Adobe CEP workflows, supporting TypeScript, React, Vue, and Svelte out of the box. Unlike older workflows using Webpack or manual scripts, this plugin provides HMR, CSS modules, and optimized builds. Intended to be used with the Bolt CEP boilerplate but works standalone. It is ESM-only, requires CEP 8+ (CC 2018+), and automatically handles manifest generation and zipping for distribution.","status":"active","version":"2.2.0","language":"javascript","source_language":"en","source_url":"https://github.com/hyperbrew/bolt-cep","tags":["javascript","typescript"],"install":[{"cmd":"npm install vite-cep-plugin","lang":"bash","label":"npm"},{"cmd":"yarn add vite-cep-plugin","lang":"bash","label":"yarn"},{"cmd":"pnpm add vite-cep-plugin","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency – plugin requires Vite >=2.0","package":"vite","optional":false},{"reason":"runtime dependency for Adobe CEP APIs","package":"cep","optional":false},{"reason":"used for creating ZIP archives of the extension","package":"archiver","optional":false}],"imports":[{"note":"ESM-only; CommonJS require will fail.","wrong":"const viteCEP = require('vite-cep-plugin')","symbol":"default","correct":"import viteCEP from 'vite-cep-plugin'"},{"note":"Default export; use any name for the plugin.","symbol":"viteCEP","correct":"import viteCEP from 'vite-cep-plugin'"},{"note":"Named export, only available if using the Bolt CEP boilerplate.","wrong":"import BoltCEPPlugin from 'vite-cep-plugin'","symbol":"BoltCEPPlugin","correct":"import { BoltCEPPlugin } from 'vite-cep-plugin'"}],"quickstart":{"code":"// vite.config.js\nimport { defineConfig } from 'vite';\nimport viteCEP from 'vite-cep-plugin';\n\nexport default defineConfig({\n  plugins: [viteCEP()],\n  build: {\n    outDir: 'dist/extension',\n    rollupOptions: {\n      input: 'src/index.html'\n    }\n  }\n});","lang":"javascript","description":"Configures Vite with vite-cep-plugin, setting output directory and entry point for an Adobe CEP extension."},"warnings":[{"fix":"Switch from require() to import statements in vite.config.js and all source files.","message":"Breaking change in v2: Plugin no longer supports CommonJS require. Use ESM imports only.","severity":"breaking","affected_versions":">=2.0.0"},{"fix":"Update Vite to v2 or higher.","message":"v2 drops support for Vite 1.0. Minimum Vite version is now 2.0.","severity":"breaking","affected_versions":">=2.0.0"},{"fix":"Use { cep: { manifest: { ... } } } instead of { manifest: { ... } }.","message":"The 'manifest' option in plugin config is deprecated in favor of 'cep' option.","severity":"deprecated","affected_versions":">=2.0.0"},{"fix":"No fix; design limitation. Use manual refresh when developing with multiple panels.","message":"Hot Module Replacement (HMR) does not work correctly when multiple panels are open. Refresh the panel manually.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run 'yarn add vite-cep-plugin' or 'npm install vite-cep-plugin' in your project root.","cause":"Package not installed or installed in wrong directory.","error":"Error: Cannot find module 'vite-cep-plugin'"},{"fix":"Change 'const viteCEP = require(\"vite-cep-plugin\")' to 'import viteCEP from \"vite-cep-plugin\"'.","cause":"Using require() instead of import. vite-cep-plugin is ESM-only since v2.","error":"TypeError: viteCEP is not a function"},{"fix":"Update Vite to v2 or higher: 'npm update vite'.","cause":"Installed vite-cep-plugin v2 with an older Vite version.","error":"ERROR: Plugin 'vite-cep-plugin' requires Vite >=2.0"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}