JavaScript

Dalam boilerplate ini menggunakan Laravel Mix untuk pengelolaan dan kompilasi aset, termasuk file JavaScript. Laravel Mix menyederhanakan proses pengelolaan aset dengan menyediakan API yang bersih dan mudah digunakan.

Folder Location

Semua file JavaScript yang akan digunakan dalam proyek ini harus diletakkan di dalam folder resources/js.

{warning} Jangan menempatkan file js langsung ke dalam folder public.

Configuration Webpack Mix

Untuk mengatur kompilasi file JavaScript, Anda perlu menambahkan kode berikut ke dalam file webpack.mix.js misalnya membuat file js baru sample/script.js :

    mix.js(
        "resources/js/sample/script.js",
        "public/js/sample/script.js"
    );

Run Compiling:

Setelah menambahkan file js ke dalam folder resources/js , jalankan perintah berikut untuk memproses dan mengkompilasi:

yarn watch

Perintah ini akan memantau perubahan pada file Anda dan melakukan kompilasi secara otomatis.
Jika Anda melakukan perubahan dan ingin memastikan semua aset terkompilasi kembali, Anda perlu restart yarn watch dengan menghentikannya dan menjalankannya kembali.

Import to Blade

Untuk mendapatkan code javascript yang sudah Anda buat ke halaman Anda, Anda perlu mengimportnya dengan memasukan code berikut ini ( misalnya untuk mendapatkan file script.js di folder sample )

    <script src="{{ mix('js/sample/script.js') }}"></script>