اضافه کردن فایل جاوااسکریپت به وسیله javascript

@endworld
سلام و درود به این نحو نمیخام اضافه کنمش
میخام توی یک فایل blade بذارمش و هر وقت لازم بود اون رو include کنم، و همچنین از طرفی فایلی که میخام اضافه کنم به jquery وابسته است، برای همون میخام اول صفحه به طور کامل لود بشه ( و همچنین فایل های jquery) سپس بعدش این فایل رو اضافه کنم.

<table class="table border" id="tableme">
    <thead>
    <tr class="text-center">
        <th class="border-right">کد کالا</th>
        <th class="border-right">نام کالا</th>
        <th class="border-right">وضعیت</th>
        <th class="border-right">تاریخ انقضا</th>
        <th class="border-right">تنظیمات</th>
    </tr>
    </thead>
</table>

<script>
    document.onreadystatechange = function () {
        if(document.readyState === "complete"){
            //import 'https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.20/js/dataTables.bootstrap.js';
            $(function() {
                $('#tableme').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: '{!! route('ajax.product.all') !!}',
                    columns: [
                        { data:'code', name: 'code'},
                        { data:'name', name: 'name' },
                        { data:'state', name: 'state' },
                        { data:'DT_RowData.data-expire',name:'expire',orderable:false,searchable:false },
                        { data:'setting',name:'setting',orderable:false,searchable:false},
                    ]
                });
                $('input[type="search"]').addClass('form-control');
                $('input[type="search"]').attr("placeholder","جستجو...");
                $('select[name="tableme_length"]').addClass('rounded');
            });
        }
    }
</script>

میتونید از روش زیر استفاده کنید

$.getScript("/assets/js/components/stage.js");