مشکل یکی کردن فایل های جاوا اسکریپت در لاراول
سلام
من میخوام که همه اسکریپت هام رو در یک فایل 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 رو ران میکنم باز مشکل باقی میمونه.
و اینم بگم که این در حالیه که به نظر میرسه هر سه فایل توی فایل نهایی قرار گرفتن.
پاسخها
2
خوب میتونی یه فایل 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');
//...
ممنون، بله این طوری هم راه خوبی بود.فقط نمیدونم چرا روش قبلی به مشکل میخورد در حالی که با gulp به خوبی کار میکنه.
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد