پبلیش پروژه ایجاد شده با react js
درود به همه دوستان
من پروژه ای رو با ریکت جی اس ایجاد کردم که فرض کنید یک فرو شگاه هست و دران متدهای (api ) (web api) رو با زبان
asp.net mvc نوشتم و در پروژه فراخوانیش کردم و لوکال کار می کنه .
لطفا رهنماییم کنین که الان من می خوام رو وب سرور بزارم پروژم رو چطور بخش frontend که از ویرایشگر webstorm استفاده کردم رو با بخش backend ادغام و روی وب سرور (iis ) پابلیش کنم؟
پیشاپیش از راهنماییتون متشکرم
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
@drnpb1
درود
ببینید اکثر فریمورک های جاوااسکریپتی مدرن که برای فِرانت اِند استفاده میشند (مثل ReactJs & VueJs) از سینتکس اکمااسکریپت۶ استفاده میکنند که شامل کلاس‌ها و غیره هست که همه مرورگرها در حال حاضر اون رو پشتیبانی نمی‌کنند.
از این رو از یک کد باندلر مثل Webpack استفاده میکنیم. وب‌پک هم از babel استفاده میکنه تا کد اکما اسکریپت ۶ مارو به اکما اسکریپت ۵ تبدیل کنه که همه مرورگرها اون رو می‌شناسند.
و مواردی مثل PostCSS در واقع پلاگین‌های Webpack هستند.
Webpack ابزار فوق‌العاده کارآمدیه اما پیچیدگی‌های کوچکی هم داره.
پیشنهاد من به شما گذروندن یکی از دوره‌های زیر میباشد:
https://roocket.ir/series/learn-webpack - از آقای موسوی
https://laracasts.com/series/webpack-for-everyone - از جِفری وِی
شما یه فولدر public دارید که موارد مربوط به فرانت اِندتون اکثرا اونجا ذخیره میشه و کدهای بک اِند هم باید جایی باشند که دسترسی خارجی بهشون ممکن نباشه (موارد امنیتی).
در ضمن پروژه‌هایی که روی وب‌سرور IIS کار میشند٬ یه سری آماده‌سازی ها هم دارندکه در لینک زیر اومده:
https://jakeydocs.readthedocs.io/en/latest/publishing/iis.html#deploy-the-application
درود
جناب بیات تو یه لینک زیر این موارد رو خوندم که برای پابلیش تنظیمات زیادی رو دستی اعمال کرده
https://virgool.io/JavaScript8/%D9%85%D8%AB%D8%A7%D9%84-%DA%A9%D8%A7%D9%85%D9%84%DB%8C-%D8%A7%D8%B2-%D9%BE%DB%8C%D8%A7%D8%AF%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%DB%8C%DA%A9-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%88%D8%A8%DB%8C-%D9%BE%D8%A7%DB%8C%D9%87-%D8%A8%D8%B1-react-efebuxevlbih
منیکه پروژه ریکتیم رو پابلیش می کنم نیاز به تنظیم دستی بخش Webpack
یا از استفاده از PostCSS
یا پکیج های زیر هست؟
npm install --save-dev babel-loader@7.0.0 babel-core@6.24.1 webpack@3.11.0
پست قبلی که به یکی از دوستان پاسخ دادین رو دیدم ایا همین کافیه ؟البته قبول دارم بعد مدتی باید حرفه ای و تمیزتر همه کارها رو خودمون انجام بدیم
https://roocket.ir/discuss/%D9%86%D8%AD%D9%88%DB%8C-Production-%DA%A9%D8%B1%D8%AF%D9%86-React-%D9%88-webpack-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A2%D9%BE%D9%84%D9%88%D8%AF-%D8%B1%D9%88%DB%8C-%D9%87%D8%A7%D8%B3%D8%AA
@drnpb1
درود
ببینید اکثر فریمورک های جاوااسکریپتی مدرن که برای فِرانت اِند استفاده میشند (مثل ReactJs & VueJs) از سینتکس اکمااسکریپت۶ استفاده میکنند که شامل کلاس‌ها و غیره هست که همه مرورگرها در حال حاضر اون رو پشتیبانی نمی‌کنند.
از این رو از یک کد باندلر مثل Webpack استفاده میکنیم. وب‌پک هم از babel استفاده میکنه تا کد اکما اسکریپت ۶ مارو به اکما اسکریپت ۵ تبدیل کنه که همه مرورگرها اون رو می‌شناسند.
و مواردی مثل PostCSS در واقع پلاگین‌های Webpack هستند.
Webpack ابزار فوق‌العاده کارآمدیه اما پیچیدگی‌های کوچکی هم داره.
پیشنهاد من به شما گذروندن یکی از دوره‌های زیر میباشد:
https://roocket.ir/series/learn-webpack - از آقای موسوی
https://laracasts.com/series/webpack-for-everyone - از جِفری وِی