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

استفاده از ماژول های نصب شده با 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 بسازه و اطلاعات اون رو توی اون اعمال کنه ؟


ثبت پرسش جدید
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 2 سال پیش آپدیت شد
1

سلام دوست عزیز؛

خیلی از مواقع علت بی‌پاسخ موندن سوالاتمون، پرسش خودمون هست که یا بدلیل غیراستاندارد بودن یا مبهم بودن یا یه سری دلایل دیگه کسی نمی‌تونه بهش پاسخ بده....


توجه داشته باشید که شما به هیچ وجه نباید تغییراتتون رو داخل پوشه nodemodules انجام بدید. اصلا فرض کنید این پوشه Read-Only هست. چون هم این پوشه نباید به سرور منتقل بشه و هم اینکه با هر با update یا نصب مجدد همه تغییرات از بین می‌روند.

روش معمولش این هست که شما نیاز به یک ابزار بنام module bundler دارید. همون طوری که از اسمش مشخصه کارش این هست که طبق تنظیمات و دستوراتی که بهش می‌دید، محتوای لازم رو از پوشه های مختلف مثل همین nodemodules برداره، یکسری پردازش‌ها روشون انجام بده و در نهایت خروجی کامپایل شده و آماده استفاده رو به شما برای استفاده در پروژه بهتون تحویل بده.

مثلا بهش می‌گید که بره فلان فایل رو از پوشه nodemodules/videojs/main.js برداره. با N تا فایل دیگه مخلوط کنه. و در آخر یک خروجی Minified شده بهتون تحویل بده.

یکی از معروفترین module bundler ها هم WebPack هست که نیازمند وقت گذاشتن و مسلط شدن به نحوه کارش هست و شاید در ابتدا خیلی ساده نباشه.

اگر هم از Laravel استفاده می‌کنید می‌تونید از ابزارهایی مثل Laravel-Mix یا Laravel-Vite استفاده کنید.


اسماعیل نصرتی
تخصص : طراح صنعتی
@mr.e.nosrati 2 سال پیش مطرح شد
0

ینی کسی نیست جواب بده ؟ یا حداقل راهنمایی کنه ؟


سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش مطرح شد
0

سلام برای اینکار اگه این پکیج کانفیگ هایی نداره که بتونید شخصی سازی کنید و حتما باید خودتون سورس کد پکیج رو تغییر بدید، باید این پکیج رو از تو گیت فورک کنید و تغییرات رو بدید و بیلد بگیرد بعد توی package.json پروژه اصلی خودتون به این شکل استفاده کنید

"ckeditor5-sinasho": "github:sinashahoveisi/ckeditor5-sinasho",

مثلا من ckeditor5 رو fork کردم تغییرات رو دادم بیلد گرفتم فرستادم توی گیت هاب بعد توی پروژه های خودم استفاده میکنم


اسماعیل نصرتی
تخصص : طراح صنعتی
@mr.e.nosrati 2 سال پیش مطرح شد
0

سلام. پس راهی نداره که بخوام مثل Tailwind CSS کانفیگ کنم؟


اسماعیل نصرتی
تخصص : طراح صنعتی
@mr.e.nosrati 2 سال پیش مطرح شد
0

یبار نشد سوال بپرسیم و جواب بدن درست حسابی تا مشکلم حل بشه!


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 2 سال پیش آپدیت شد
1

سلام دوست عزیز؛

خیلی از مواقع علت بی‌پاسخ موندن سوالاتمون، پرسش خودمون هست که یا بدلیل غیراستاندارد بودن یا مبهم بودن یا یه سری دلایل دیگه کسی نمی‌تونه بهش پاسخ بده....


توجه داشته باشید که شما به هیچ وجه نباید تغییراتتون رو داخل پوشه nodemodules انجام بدید. اصلا فرض کنید این پوشه Read-Only هست. چون هم این پوشه نباید به سرور منتقل بشه و هم اینکه با هر با update یا نصب مجدد همه تغییرات از بین می‌روند.

روش معمولش این هست که شما نیاز به یک ابزار بنام module bundler دارید. همون طوری که از اسمش مشخصه کارش این هست که طبق تنظیمات و دستوراتی که بهش می‌دید، محتوای لازم رو از پوشه های مختلف مثل همین nodemodules برداره، یکسری پردازش‌ها روشون انجام بده و در نهایت خروجی کامپایل شده و آماده استفاده رو به شما برای استفاده در پروژه بهتون تحویل بده.

مثلا بهش می‌گید که بره فلان فایل رو از پوشه nodemodules/videojs/main.js برداره. با N تا فایل دیگه مخلوط کنه. و در آخر یک خروجی Minified شده بهتون تحویل بده.

یکی از معروفترین module bundler ها هم WebPack هست که نیازمند وقت گذاشتن و مسلط شدن به نحوه کارش هست و شاید در ابتدا خیلی ساده نباشه.

اگر هم از Laravel استفاده می‌کنید می‌تونید از ابزارهایی مثل Laravel-Mix یا Laravel-Vite استفاده کنید.


اسماعیل نصرتی
تخصص : طراح صنعتی
@mr.e.nosrati 2 سال پیش مطرح شد
0

سلام. اگر کسی که سوال میپرسه بدونه دقیقا باید دنبال چی باشه که دیگه سوال نمیپرسه یه سرچ تو گوگل میزنه و جواب سوالشو پیدا میکنه! فقط درصورتی سوالی پرسیده میشه که ندونه چه مسیی رو باید طی کنه یا مشکل کارش کجاست! مثلا من اگه بدونم با وب پک میتونم مشکلمو حل کنم دیگه نمیام اینجا سوال بپرسم میرم توی یوتیوب یا منابع مشابع دوره اموزش وب پک دانلود میکنم! بازم ممنون.


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

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