Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mihatorikei/codeigniter-vitejs
ViteJS Integration For Codeigniter4 🔥⚡
https://github.com/mihatorikei/codeigniter-vitejs
bundler codeigniter codeigniter4 react reactjs svelte sveltejs vite vitejs vue vuejs
Last synced: 4 days ago
JSON representation
ViteJS Integration For Codeigniter4 🔥⚡
- Host: GitHub
- URL: https://github.com/mihatorikei/codeigniter-vitejs
- Owner: mihatorikei
- License: mit
- Created: 2022-07-08T22:08:39.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-09T07:03:32.000Z (over 1 year ago)
- Last Synced: 2024-04-13T06:56:45.720Z (8 months ago)
- Topics: bundler, codeigniter, codeigniter4, react, reactjs, svelte, sveltejs, vite, vitejs, vue, vuejs
- Language: PHP
- Homepage:
- Size: 124 KB
- Stars: 75
- Watchers: 4
- Forks: 7
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
Codeigniter + viteJs
Vitejs Integration For Codeigniter4
Codeigniter vite is a package that aims to integrate [vitejs](https://vitejs.dev/) with [codeigniter4](https://codeigniter.com/) in a simple way.
## Features:
- ⏱️ Almost zero configuration
- 🧩 Easy to install and remove
- 🔨 Easy to customize
- ✌️ Support most used frameworks: `react`, `vue`, and `svlete`. (check [v2](https://github.com/firtadokei/codeigniter-vitejs/tree/v2) for SvelteKit support)
- 🔥 Enjoy hot module replacement (HMR)
## Installation:
```
composer require mihatori/codeignitervite
```
then from your project root, run:
```
php spark vite:init --framework
```
replace `` with `vue`, `react`, `svelte`, or `none`
or you can just run:
```
php spark vite:init
```
our buddy `spark` will handle the rest for you 🙃
## Getting Started:
- Install your node dependencies: `npm install`
- Start vite server: `npm run dev`
- Start CI server: `php spark serve` or access it through your virtual host.
- That's all =)
> **NOTE:**
>
> `npm run dev` is not where you should work, it main purpose is to serve assets, such as scripts or stylesheets.
> once you build your files, it becomes useless
> but as long as it running, the package will use it instead of the bundled files.
> So make sure to **access your project** from ci server or a vitual host.
## Build your files:
to bundle your files, run:
```
npm run build
```
this command will generate the bundled assets in your public directory.
but as we said before, as long as vite server is running, the package will use it instead of bundled files, so make sure to stop it when you're done developing.
## Uninitialize:
`composer remove mihatori/codeignitervite` command will remove the package, but the generated files will remain there (package.json, vite.config.js ...etc).
so to avoid that, make sure to run the following command first:
```
php spark vite:remove
```
This command will do the following:
- delete `package.json`, `packages.lock.json` and `vite.config.js`.
- delete `resources` folder.
- And finally restore your `.env` file.
## 🔥 Need a quick start?
Check out our starter apps for [svelte](https://github.com/firtadokei/ci-svelte-appstarter) and [vue](https://github.com/firtadokei/ci-vue-appstarter).
## Contributing
All contributions are welcome, it doesn't matter whether you can code, write documentation, or help find bugs.
feel free to use issues or pull requests.
## Support
Unfortunately, I don't drink coffee 💔, but you can star it instead 🙃
## License
MIT License © 2022 [Mihatori Kei](https://github.com/firtadokei)