اسماعیل جعفری
اسماعیل جعفری
خواندن ۱ دقیقه·۳ سال پیش

نحوه تغییر global environment بعد از build پروژه های react

یکی از چالش های که تو پروژه های که نسخه development و production

دارند اینکه به صورت متداوم همراه با توسعه اپلیکیشن نیاز به build های زمان‌گیر داره

خیلی وقت ها برای تغییر mode پروژه از حالت development به حالت production نیاز تو پروژه های react js دوباره build گرفت

خوب این کار زمان بر و تکراری

ولی خوب JavaScript همیشه راه آسون‌تری برات داره ? و میتونی بعد از build گرفتن هم mode پروژه رو عوض کنی شاید بگید .env این قابلیت رو cra بهمون میده ولی متاسفانه برای قبل از build

حالا بریم برای ترفندش

۱- خوب اول پروژه cra ساختید تو پوشه public

فایل envConfig.js می سازیم


۲- قرار دادن کد زیر در فایل envConfig.js

۳- الحاق فایل envConfig.js به index.html داخل پوشه public

۴- خوب حالا موقعه استفاده ازش

داخل پروژه و جاهای که نیازه

مثال استفاده از global config
مثال استفاده از global config


۵- حالا پروژه رو build بگیرید و داخل فایل envConfig.js با تغییر property ها داخل object

متغییرهای global تغییر بدید

این ترفند جاهای دیگه هم میتونه قابل استفاده باشه میتونید بهش مثل ی کانفیگ بیرون از پروژه نگاه کنید


ممنون از نگاهتون ?

همیشه توسعه دهنده باشبد نه کد نویس
reactenvbuildری‌اکت
front end developer
شاید از این پست‌ها خوشتان بیاید