Download the PHP package richardkimdesigns/laravel-simplejs without Composer
On this page you can find all versions of the php package richardkimdesigns/laravel-simplejs. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download richardkimdesigns/laravel-simplejs
More information about richardkimdesigns/laravel-simplejs
Files in richardkimdesigns/laravel-simplejs
Package laravel-simplejs
Short Description Javascript tools for Laravel + Vite.
License MIT
Informations about the package laravel-simplejs
Laravel SimpleJS
A easy to use set of commands for your Laravel project using Vite for asset bundling.
How to Use
First, make sure that your Laravel project uses Vite for front-end asset bundling. If you are using Webpack, this package will not work.
Installation
This package uses Composer for installation.
To check if the artisan commands are ther:
You should see these new commands:
Creating JS files
Before, you would have to manually create Javascript files in your resources/js folder. With this, you can run an artisan command to create the JS file. And it will also automatically add it to your vite.config.js file.
But what if you don't want this Javascript file to be bundled into app.js? Typically this is great for Javascript code that you don't want running on every page (as app.js would). In that case, you would do this:
Promoting JS files
Sometimes your Javascript file deserves a promotion. There is a command here that makes it easy for you to convert an existing Javascript file into a standalone JS file. All you need to do is...
No need to add the .js extension. When you promote a Javascript file, it will automatically update the vite.config.js and compile the assets. And becausae this Javascript has been promoted, it will be bundled as its own asset.
Demoting JS files
But sometimes you need to demote a Javascript file. There is a command here for that as well.
Just like the promote command, no need to add the .js extension - and also, when you demote a Javascript file, it will automatically update the vite.config.js and compile the assets. And because this Javascript has been demoted, it will be bundled into app.js.
How to use the bundled assets
In your blade file where you want to use the Javascript asset, do this:
Locate where your JS files are being used
And you will get all your JS assets as well as list of where they are being used. This is very useful when working on your Laravel application.