MrProgrammer
6 سال پیش توسط MrProgrammer مطرح شد
2 پاسخ

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

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


ثبت پرسش جدید
مهدی
@code2code 6 سال پیش آپدیت شد
1

خوب میتونی یه فایل 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
تخصص : برنامه نویس
@mastercissp 6 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام