vite-plugin-codeigniter4

Clean Vite integration for CodeIgniter 4.

Features

• Vite production manifest in public/build/manifest.json
• Dev server hot file in writable/vite/hot
• Clean integration for traditional CodeIgniter 4 apps
• Works with a small PHP helper/module on the CI4 side

Installation

npm install -D vite vite-plugin-codeigniter4

Usage

Create a vite.config.js file:

import { defineConfig } from 'vite';
import codeigniter4Vite from 'vite-plugin-codeigniter4';

export default defineConfig({
  plugins: [
    codeigniter4Vite({
      input: [
        'resources/js/app.js',
        'resources/css/app.css'
      ],
      refresh: [
        'app/Controllers/**',
        'app/Views/**'
      ]
    })
  ]
});

Options

input

Array of Vite entry files.

publicDirectory

Defaults to public.

buildDirectory

Defaults to build.

hotFile

Defaults to writable/vite/hot.

refresh

Optional array of files/globs to watch.

Example project scripts

{
  "scripts": {
    "dev": "vite --host localhost --port 5173",
    "build": "vite build"
  }
}

Companion package

Use this plugin with a small CodeIgniter 4 helper/module that reads:

• the dev hot file in development
• the manifest file in production