استفاده از ماژول های نصب شده با Npm در پروژه
سلام. من الان توی پروژه میخوام مثلا از یه ویدئو پلیر استفاده کنم Video.js رو نصب میکنم توی پروژه ای که تازه ساختم!
الان میخوام یه فایل html توی پروژه تعریف کنم و از فایل های Video.js توی اون پروژه استفاده کنم! مثلا برای Taliwind میتونم توی پروژم با کانفیگ کردنش طبق آموزش هاش اونو توی پروژم استفاده کنم اما برای پروژه هایی مثل Video.js که راهنمایی در این مورد ندارن باید چجوری ازش توی پروژه استفاده کنم و بخش های مورد نیازشو شخصی سازی کنم ؟
میشه به صورت دستی اینکارو انجام داد و فایل های CDN Video.js رو دانلود کنم و توی پروژه استفاده کنم و اونو تغییر بدم اما میخوام بدونم چجور میشه پکیج هایی که با Npm نصب میشه رو توی پروژه فراخانی کنم!
npx vjs -i ./node_modules/video.js/dist/video.js -o ./dist/video.js --watch
از یه همچین چیزی استفاده کنم ؟ ینی اینکه بره فایل video.js که توی پوشه اصلی هست و من توش تغییر ات اعمال کردم رو برداره و توی پوشه اصلی پروژه خودم یه فایل با نام video.js بسازه و اطلاعات اون رو توی اون اعمال کنه ؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام دوست عزیز؛
خیلی از مواقع علت بی‌پاسخ موندن سوالاتمون، پرسش خودمون هست که یا بدلیل غیراستاندارد بودن یا مبهم بودن یا یه سری دلایل دیگه کسی نمی‌تونه بهش پاسخ بده....
توجه داشته باشید که شما به هیچ وجه نباید تغییراتتون رو داخل پوشه nodemodules انجام بدید. اصلا فرض کنید این پوشه Read-Only هست. چون هم این پوشه نباید به سرور منتقل بشه و هم اینکه با هر با update یا نصب مجدد همه تغییرات از بین می‌روند.
روش معمولش این هست که شما نیاز به یک ابزار بنام module bundler دارید. همون طوری که از اسمش مشخصه کارش این هست که طبق تنظیمات و دستوراتی که بهش می‌دید، محتوای لازم رو از پوشه های مختلف مثل همین nodemodules برداره، یکسری پردازش‌ها روشون انجام بده و در نهایت خروجی کامپایل شده و آماده استفاده رو به شما برای استفاده در پروژه بهتون تحویل بده.
مثلا بهش می‌گید که بره فلان فایل رو از پوشه nodemodules/videojs/main.js برداره. با N تا فایل دیگه مخلوط کنه. و در آخر یک خروجی Minified شده بهتون تحویل بده.
یکی از معروفترین module bundler ها هم WebPack هست که نیازمند وقت گذاشتن و مسلط شدن به نحوه کارش هست و شاید در ابتدا خیلی ساده نباشه.
اگر هم از Laravel استفاده می‌کنید می‌تونید از ابزارهایی مثل Laravel-Mix یا Laravel-Vite استفاده کنید.
سلام برای اینکار اگه این پکیج کانفیگ هایی نداره که بتونید شخصی سازی کنید و حتما باید خودتون سورس کد پکیج رو تغییر بدید، باید این پکیج رو از تو گیت فورک کنید و تغییرات رو بدید و بیلد بگیرد بعد توی package.json پروژه اصلی خودتون به این شکل استفاده کنید
"ckeditor5-sinasho": "github:sinashahoveisi/ckeditor5-sinasho",مثلا من ckeditor5 رو fork کردم تغییرات رو دادم بیلد گرفتم فرستادم توی گیت هاب بعد توی پروژه های خودم استفاده میکنم
سلام دوست عزیز؛
خیلی از مواقع علت بی‌پاسخ موندن سوالاتمون، پرسش خودمون هست که یا بدلیل غیراستاندارد بودن یا مبهم بودن یا یه سری دلایل دیگه کسی نمی‌تونه بهش پاسخ بده....
توجه داشته باشید که شما به هیچ وجه نباید تغییراتتون رو داخل پوشه nodemodules انجام بدید. اصلا فرض کنید این پوشه Read-Only هست. چون هم این پوشه نباید به سرور منتقل بشه و هم اینکه با هر با update یا نصب مجدد همه تغییرات از بین می‌روند.
روش معمولش این هست که شما نیاز به یک ابزار بنام module bundler دارید. همون طوری که از اسمش مشخصه کارش این هست که طبق تنظیمات و دستوراتی که بهش می‌دید، محتوای لازم رو از پوشه های مختلف مثل همین nodemodules برداره، یکسری پردازش‌ها روشون انجام بده و در نهایت خروجی کامپایل شده و آماده استفاده رو به شما برای استفاده در پروژه بهتون تحویل بده.
مثلا بهش می‌گید که بره فلان فایل رو از پوشه nodemodules/videojs/main.js برداره. با N تا فایل دیگه مخلوط کنه. و در آخر یک خروجی Minified شده بهتون تحویل بده.
یکی از معروفترین module bundler ها هم WebPack هست که نیازمند وقت گذاشتن و مسلط شدن به نحوه کارش هست و شاید در ابتدا خیلی ساده نباشه.
اگر هم از Laravel استفاده می‌کنید می‌تونید از ابزارهایی مثل Laravel-Mix یا Laravel-Vite استفاده کنید.
سلام. اگر کسی که سوال میپرسه بدونه دقیقا باید دنبال چی باشه که دیگه سوال نمیپرسه یه سرچ تو گوگل میزنه و جواب سوالشو پیدا میکنه! فقط درصورتی سوالی پرسیده میشه که ندونه چه مسیی رو باید طی کنه یا مشکل کارش کجاست! مثلا من اگه بدونم با وب پک میتونم مشکلمو حل کنم دیگه نمیام اینجا سوال بپرسم میرم توی یوتیوب یا منابع مشابع دوره اموزش وب پک دانلود میکنم! بازم ممنون.