دسترسی به تابع در webpack از فایل اصلی پروژه
سلام دوستان خسته نباشید
فرض کنید توی webpack یک فایل داریم که فایل js اصلی هستش و قراره باندل بشه...
حالا میاد یه سری تابع رو از یک فایل دیگه ایمپورت میکنه.
الان توی این فایل میشه بهشون دسترسی داشت اما توی فایل پروژه که اون فایل باندل شده اتچ شده نمیشه بهشون دسترسی داشت
فرض کنید کاربر وقتی روی یک دکمه کلیک کرد باید اون تابع ها صدا زده بشه اما توی فایل html پروژه و توی تگ اسکریپت اصلا اون تابع هارو نمیشناسه...
راهی برای حل این مشکل هستش؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
درود
به چه صورت فایل دیگر رو ایمپورت میکنید؟
چگونگی ایمپورت کردن و اطلاعات کانفیگ webpack و هر گونه خطای احتمالی رو اگر به اشتراک بگذارید... بهتره
اما حدس بنده اینه که: شما داری ماژولی رو ایمپورت میکنی که وب‌پک به صورت پیش فرض داخل فولدر node_modules دنبالش میگرده.. یعنی اگر فایلی که دارید ایمپورت میکنید یه پکیج npm بود .. بدون مشکل کار میکرد. هنگامی که پروژه وابستگی های دیگری خارج از این فولدر داشته باشه، وب‌پک خودش نمیتونه این وابستگی هارو پیدا کنه. میشه داخل فایل کانفیگ وب‌پک از alias ها استفاده کرد.
module.exports = {
//...
resolve: {
// 1. add extra `node_modules` directory to search path
modules: ['node_modules', '/abs_path/to/global/node_modules'],
// 2. use alias to explicitly map a module name to its exact location
alias: {
'@abc': '/abs_path/to/global/node_modules/@abc'
}
}
};