PHPackages                             richardkimdesigns/laravel-simplejs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. richardkimdesigns/laravel-simplejs

ActiveLibrary[Utility & Helpers](/categories/utility)

richardkimdesigns/laravel-simplejs
==================================

Javascript tools for Laravel + Vite.

v1.0.0(1y ago)0419↓85.7%MITPHPPHP ^8.1

Since May 23Pushed 1y ago1 watchersCompare

[ Source](https://github.com/richardkimdesigns/laravel-simplejs)[ Packagist](https://packagist.org/packages/richardkimdesigns/laravel-simplejs)[ RSS](/packages/richardkimdesigns-laravel-simplejs/feed)WikiDiscussions main Synced today

READMEChangelogDependenciesVersions (2)Used By (0)

Laravel SimpleJS
================

[](#laravel-simplejs)

A easy to use set of commands for your Laravel project using Vite for asset bundling.

[![MIT License](https://camo.githubusercontent.com/784362b26e4b3546254f1893e778ba64616e362bd6ac791991d2c9e880a3a64e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d677265656e2e737667)](https://choosealicense.com/licenses/mit/)

How to Use
----------

[](#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
------------

[](#installation)

This package uses Composer for installation.

```
composer require richardkimdesigns/laravel-simplejs

```

To check if the artisan commands are ther:

```
php artisan list

```

You should see these new commands:

```
make:js
js:promote
js:demote
js:list

```

Creating JS files
-----------------

[](#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.

```
php artisan make:js

```

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:

```
php artisan make:js  --standalone

```

Promoting JS files
------------------

[](#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...

```
php artisan js:promote

```

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
-----------------

[](#demoting-js-files)

But sometimes you need to demote a Javascript file. There is a command here for that as well.

```
php artisan js:demote

```

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
-----------------------------

[](#how-to-use-the-bundled-assets)

In your blade file where you want to use the Javascript asset, do this:

```
@vite('resources/js/.js')

```

Locate where your JS files are being used
-----------------------------------------

[](#locate-where-your-js-files-are-being-used)

```
php artisan js:list

```

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.

🔗 Find me in the wild
---------------------

[](#-find-me-in-the-wild)

[![website](https://camo.githubusercontent.com/711f7f9fa873b57ea02dfa0d5d3c91f3256bec2009ecf8a02045960af9f9f584/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d795f776562736974652d3030303f7374796c653d666f722d7468652d6261646765)](https://richardkimdesigns.com/)

[![linkedin](https://camo.githubusercontent.com/9745a59ad4a919d2e524512c3f732c820d4aa0fe927def4f37c4aba08f7e42bc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c696e6b6564696e2d3041363643323f7374796c653d666f722d7468652d6261646765266c6f676f3d6c696e6b6564696e266c6f676f436f6c6f723d7768697465)](https://www.linkedin.com/in/richardkimdesigns/)

[![instagram](https://camo.githubusercontent.com/8931e540ab5b591be635bae7f4b8a36ea8e7678dc3b0f650641bd7592f74fe29/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f696e7374616772616d2d6436323937363f7374796c653d666f722d7468652d6261646765266c6f676f3d696e7374616772616d266c6f676f436f6c6f723d7768697465)](https://instagram.com/coversbyrichard)

###  Health Score

30

—

LowBetter than 62% of packages

Maintenance46

Moderate activity, may be stable

Popularity12

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity46

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

407d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/44370962?v=4)[Richard Kim](/maintainers/richardkimdesigns)[@richardkimdesigns](https://github.com/richardkimdesigns)

---

Top Contributors

[![richardkimdesigns](https://avatars.githubusercontent.com/u/44370962?v=4)](https://github.com/richardkimdesigns "richardkimdesigns (7 commits)")

### Embed Badge

![Health badge](/badges/richardkimdesigns-laravel-simplejs/health.svg)

```
[![Health](https://phpackages.com/badges/richardkimdesigns-laravel-simplejs/health.svg)](https://phpackages.com/packages/richardkimdesigns-laravel-simplejs)
```

###  Alternatives

[pocketmine/nbt

PHP library for working with Named Binary Tags

42602.6k22](/packages/pocketmine-nbt)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)