Download the PHP package trianayulianto/vite-codeigniter-4 without Composer
On this page you can find all versions of the php package trianayulianto/vite-codeigniter-4. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download trianayulianto/vite-codeigniter-4
More information about trianayulianto/vite-codeigniter-4
Files in trianayulianto/vite-codeigniter-4
Package vite-codeigniter-4
Short Description Vite backend integration for CodeIgniter 4
License MIT
Informations about the package vite-codeigniter-4
Vite Backend Integration for CodeIgniter 4
Introduction
Vite is a modern frontend build tool that provides an extremely fast development environment and bundles your code for production. This is backend integration for CodeIgniter 4 to load your assets for development and production.
Installation
ThirdParty
You can install it's as ThirdParty:
Set autoload in app/Config/Autoload.php
Usage
Install Vite and the Laravel Plugin
First, you will need to install Vite using your npm package manager of choice:
You may also need to install additional Vite plugins for your project, such as the Vue or React plugins:
Configure Vite
Thanks to Laravel, configuring Vite has become easier with their plugin. See Laravel Vite Plugin.
Update environment variables
Create a vite.config.js
file in the root of your project:
If you are building an SPA, you will get a better developer experience by removing the CSS entry point above and importing your CSS from Javascript.
Loading Your Scripts And Styles
With your Vite entry points configured, you only need reference them in a vite()
hepler that you add to the <head>
of your application's root template:
If needed, you may also specify the build path of your compiled assets when invoking the vite()
hepler:
React
If you are using React and hot-module replacement, you will need to include an additional helper before the vite()
helper: