آفلاین
user-avatar

مشکل یکی کردن فایل های جاوا اسکریپت در لاراول

3 سال پیش
توسط MrProgrammer آپدیت شد
آفلاین
user-avatar
MrProgrammer ( 5134 تجربه )
3 سال پیش

سلام
من میخوام که همه اسکریپت هام رو در یک فایل app.js قرار بدم از جمله فایل های jquery , popper , bootstrap . برای همین کد زیر رو در webpack.mix.js قرار میدم :

mix.js([
    'resources/assets/js/bootstrap.js',
    'resources/assets/js/popper.js',
    'resources/assets/js/jquery.js',
    ], 'public/js/app.js');

حالا فقط فایل app.js رو در پروژه لود میکنم. اما ظاهرا تغییری در فایل ها به وجود میاد چون اسلاید آپی که با کد زیر مینویسم کار نمیکنه :

$('#tag').delay(2000).slideUp(300);

در حالی که همین کد در صورتی که من فایل هر اسکریپت رو جدا لود کنم به درستی اجرا میشه.
حتی وقتی هر سه فایل رو در یک فایل دیگه require میکنم و بعد npm رو ران میکنم باز مشکل باقی میمونه.
و اینم بگم که این در حالیه که به نظر میرسه هر سه فایل توی فایل نهایی قرار گرفتن.

آفلاین
user-avatar
مهدی ( 23232 تجربه )
3 سال پیش

خوب میتونی یه فایل bootstrap درست کنی کل مخازنی که نیازت میشه رو اونجا reqiure کنی و $ و jQuery رو به فرم زیر برابرش قرار بدی و در آخر bootstrap رو داخل app.js ایمپورت کنی که خیلی بهتره

//bootstrap.js
window.$ = window.jQuery = require('jquery');
window.Popper = require('popper.js');
//twitter bootstrap
require('bootstrap');
//app.js
require('./bootstrap');
//...
آفلاین
user-avatar
MrProgrammer ( 5134 تجربه )
3 سال پیش

ممنون، بله این طوری هم راه خوبی بود.فقط نمیدونم چرا روش قبلی به مشکل میخورد در حالی که با gulp به خوبی کار میکنه.

برای ارسال پاسخ باید وارد سایت شوید