Legacy Admin Build

Build process

The legacy admin panel has its own build process to keep old dependencies (like Tachyons and Element Plus) separate from the modern admin build and speed up the main Vite build.

Source Files

Located in following folder - modules/Admin/resources/

Icons usage

Place necessary icons for admin panel in modules/Admin/resources/images/icons folder. Icon component picks it up

Build Configuration

Uses a separate Vite config file: vite-admin.config.ts
Output directory: public/admin/
This build is not included in the default vite.config.ts or Tailwind scan to avoid unnecessary processing.

Build steps

Run npm command - npm run build:admin
The compiled files will appear in public/admin/ folder
Linked compiled css and js files manually in Blade template modules/Admin/resources/views/layouts/master.blade.php

php

    <link rel="stylesheet" href="{{ asset('admin/admin.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/admin2.css') }}">

    <script type="module" src="{{ asset('admin/admin.js') }}"></script>

Legacy Admin Build ​

Build process ​

Source Files ​

Icons usage ​