description

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

- 4 ماه پیش
توسط MrProgrammer آپدیت شد
MrProgrammer ( 134 تجربه )
4 ماه پیش

سلام
من میخوام که همه اسکریپت هام رو در یک فایل 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 رو ران میکنم باز مشکل باقی میمونه.
و اینم بگم که این در حالیه که به نظر میرسه هر سه فایل توی فایل نهایی قرار گرفتن.

مهدی ( 5984 تجربه )
4 ماه پیش

خوب میتونی یه فایل 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');
//...
MrProgrammer ( 134 تجربه )
4 ماه پیش

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

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