তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন ওয়েবপ্যাক কনফিগারেশন এবং ফাইলগুলি কোথায়?

Question

আমি create-react-appপ্যাকেজটি নিয়ে একটি রিঅ্যাক্টজেএস প্রকল্প তৈরি করেছি এবং এটি ভাল কাজ করেছে তবে আমি ওয়েবপ্যাক ফাইল এবং কনফিগারেশনগুলি খুঁজে পাচ্ছি না।

কীভাবে প্রতিক্রিয়া-তৈরি-অ্যাপ্লিকেশনটি ওয়েবপ্যাকের সাথে কাজ করে? ওয়েবপ্যাক কনফিগারেশন ফাইলগুলি কোথায় একটি ডিফল্ট ইনস্টলেশনতে অবস্থিত create-react-app? আমি আমার প্রকল্পের ফোল্ডারে কনফিগারেশন ফাইলগুলি খুঁজে পেতে অক্ষম।

আমি একটি ওভাররাইড কনফিগারেশন ফাইল তৈরি করি নি। আমি অন্যান্য নিবন্ধগুলির সাথে কনফিগার সেটিংস পরিচালনা করতে পারি তবে আমি প্রচলিত কনফিগারেশন ফাইল (গুলি) খুঁজে পেতে চাই।

Answer 1

আপনি যদি ওয়েবপ্যাক ফাইল এবং কনফিগারেশনগুলি সন্ধান করতে চান তবে আপনার প্যাকেজ.জসন ফাইলে যান এবং স্ক্রিপ্টগুলি সন্ধান করুন

আপনি দেখতে পাবেন যে স্ক্রিপ্টস অবজেক্টটি একটি লাইব্রেরি রিঅ্যাক্ট-স্ক্রিপ্ট ব্যবহার করছে

এখন নোড_মডিউলগুলিতে যান এবং ন্যাক্ট -মডিউলগুলিতে রিঅ্যাক্ট-স্ক্রিপ্টস ফোল্ডারটি সন্ধান করুন

এই প্রতিক্রিয়া-স্ক্রিপ্ট / স্ক্রিপ্ট এবং প্রতিক্রিয়া-স্ক্রিপ্ট / কনফিগার ফোল্ডারে সমস্ত ওয়েবপ্যাক কনফিগারেশন রয়েছে।

Comments

আমি দেখেছি কিন্তু আমি স্ক্রিপ্টস-এর কোনও প্রতিক্রিয়া দেখিনি ডির

— মোহাম্মদ

আমি স্রেফ তৈরি-প্রতিক্রিয়া-অ্যাপ ব্যবহার করে একটি অ্যাপ্লিকেশন তৈরি করেছি এবং আমার ক্ষেত্রে নোড_মডিউলগুলিতে একটি ফোল্ডার রিঅ্যাক্ট-স্ক্রিপ্ট রয়েছে। আপনি কি আপনার প্যাকেজ ভাগ করে নিতে পারেন। জেসন

— বিক্রম ঠাকুর

এই উত্তরটি এখন আর সঠিক নয় , এনপিএম এখন সমতল যার অর্থ সমস্ত মডিউলগুলি মূল node_modulesডিরেক্টরিতে রয়েছে

— vsync

আসল ওয়েবপ্যাক কনফিগারেশনটি এখানে রয়েছে: github.com/facebook/create-react-app/blob/master/packages/…

— এ্যাঞ্জেলিয়ান

প্রকল্পের ওয়েবপ্যাক কনফিগারেশনটি কাস্টমাইজ করা সবচেয়ে সাধারণ ব্যবহারের ক্ষেত্রে হবে। তবে যদি এটি নোড_মডিউলগুলিতে থাকে তবে প্রতিটি এনপিএম ইনস্টলে এটি ওভাররাইট করা হবে, তাই না?

— ব্লাঙ্ক

Answer 2

ডকুমেন্টেশন থেকে :

আপনাকে ওয়েবপ্যাক বা ব্যাবেলের মতো সরঞ্জামগুলি ইনস্টল বা কনফিগার করতে হবে না। এগুলি প্রাক রূপান্তরিত এবং লুকানো রয়েছে যাতে আপনি কোডটিতে ফোকাস করতে পারেন।

আপনি যদি কনফিগার ফাইলগুলিতে অ্যাক্সেস পেতে চান তবে আপনার চালিয়ে বের করে দেওয়া দরকার :

npm run eject

দ্রষ্টব্য: এটি একমুখী অপারেশন। একবার বের করে দিলে আপনি আর ফিরে যেতে পারবেন না!

বেশিরভাগ পরিস্থিতিতে আপনার পক্ষে এটি অন্যভাবে কার্যকর করার জন্য কোনও উপায় বের করে না দেওয়ার চেষ্টা করা ভাল। এইভাবে, আপনি নিজের নির্ভরতা আপডেট করতে পারেন create-react-appএবং ওয়েবপ্যাক নির্ভরতা জাহান্নামের সাথে ডিল করতে হবে না।

Comments

আমি জানি এটি লুকিয়ে আছে তবে আমি জানতে চাই যে এগুলি কোথায় এবং কীভাবে প্রতিক্রিয়া-তৈরি-অ্যাপ্লিকেশনটি এই দক্ষতাটি পরিচালনা করে?

— মোহাম্মদ

তারপরে আপনাকে সম্ভবত উত্স কোডটি দেখতে হবে। আমি নিশ্চিত নই

— ক্লুগো

@ মোহাম্মদ 'রিঅ্যাক্ট-স্ক্রিপ্টস' এর উত্স আপনি সেখানে সমস্ত কনফিগারেশন খুঁজে পেতে পারেন

— জোসে মুনোজ

প্রশ্নের উত্তর দেয় না, তবে নির্বিশেষে আমাকে সহায়তা করেছেন

— চিকেন স্যুপ

Answer 3

তাদের নিজের কনফিগারেশন যুক্ত করার জন্য ওয়েবপ্যাক কনফিগারেশন এবং ফাইলগুলি সন্ধানের লক্ষ্য নিয়ে প্রচুর লোক এই পৃষ্ঠায় আসে। রান না করেই এটি অর্জনের আর একটি উপায় npm run ejectহ'ল রিঅ্যাক্ট-অ্যাপ-রিওয়ার্ড ব্যবহার করা । এটি আপনাকে বের করে না দিয়ে আপনার ওয়েবপ্যাক কনফিগারেশন ফাইলটি ওভাররাইট করতে দেয়।

Comments

এটি কি এখনও পছন্দসই সমাধান? পুনরায় সংযুক্ত প্রকল্পের বিষয়ে এই সতর্কতা রয়েছে: github.com/timarney/react-app-rewired#ruire-your-app- : "তৈরি করুন প্রতিক্রিয়া অ্যাপ্লিকেশন 2.0 হিসাবে এই রেপোটি বেশিরভাগ সময়ে সম্প্রদায় দ্বারা" হালকাভাবে "রক্ষণাবেক্ষণ করা হয়। .. দ্রষ্টব্য: আমি ব্যক্তিগতভাবে Next.js বা রাজ্জেল ব্যবহার করি যা উভয়ই বক্সের বাইরে কাস্টম ওয়েবপ্যাক সমর্থন করে। "

— অ্যান্টনি কং

Answer 4

ধরে নিই যে আপনি বের করে দিতে চান না এবং আপনি যে কনফিগারেশনটি পেয়েছেন সেগুলি সন্ধান করতে চান /node_modules/react-scripts/config

webpack.config.dev.js. //used by `npm start`
webpack.config.prod.js //used by `npm run build`

Answer 5

ওয়েবপ্যাক কনফিগারেশনটি create-react-appএখানে ব্যবহৃত : https://github.com/facebook/create-react-app/tree/master/packages/react-scriptts/config

Comments

এই উত্তরটি হওয়া উচিত

— ক্র্যাঙ্কুবা

Answer 6

আপনি এটি / কনফিগারেশন ফোল্ডারের ভিতরে খুঁজে পেতে পারেন ।

যখন আপনি বের করেন আপনি এই জাতীয় বার্তা পান:

 Adding /config/webpack.config.dev.js to the project
 Adding /config/webpack.config.prod.js to the project

Answer 7

ওয়েবপ্যাক কনফিগারেশনটি প্রতিক্রিয়া-স্ক্রিপ্টগুলি দ্বারা পরিচালনা করা হচ্ছে । আপনি নোড_মডিউলগুলির মধ্যে সমস্ত ওয়েবপ্যাক কনফিগারেশনটি দেখতে পাবেন -প্রতিক্রিয়া-স্ক্রিপ্টগুলি / কনফিগার করে ।

এবং আপনি যদি ওয়েবপ্যাক কনফিগার করতে চান তবে এই কাস্টমাইজ-ওয়েবপ্যাক-কনফিগার করতে পারেন

Answer 8

রান করে কনফিগারেশন ফাইলগুলি বের করার চেষ্টা করুন:

npm run eject

তারপরে আপনি আপনার প্রকল্পে তৈরি একটি কনফিগার ফোল্ডার পাবেন। আপনি আপনার ওয়েবপ্যাক কনফিগারেশন ফাইলগুলি init পাবেন।

Answer 9

আমি জানি বেশ দেরি হয়ে গেছে, তবে ভবিষ্যতের লোকেরা এই সমস্যা নিয়ে হোঁচট খাচ্ছে, আপনি যদি সিআরএর ওয়েবপ্যাক কনফিগারেশনে অ্যাক্সেস পেতে চান তবে আপনাকে চালানো ছাড়া অন্য কোনও উপায় নেই:

$ npm run eject

যাইহোক, ইজেকশন সহ, আপনি আপডেটের সিআরএ পাইপলাইন থেকে নিজেকে সরিয়ে নেবেন, অতএব ইজেকশন এর দিক থেকে আপনাকে এটি নিজেই বজায় রাখতে হবে।

আমি এই সমস্যাটি বহুবার ঘুরে এসেছি, এবং সেইজন্য আমি প্রতিক্রিয়ার অ্যাপ্লিকেশনগুলির জন্য একটি টেম্পলেট তৈরি করেছি যার মধ্যে সিআরএর মতো বেশিরভাগ একই কনফিগারেশন রয়েছে, তবে অতিরিক্ত পার্কস (যেমন স্টাইলযুক্ত উপাদানগুলি, জাস্ট ইউনিট পরীক্ষা, মোতায়েনের জন্য ট্র্যাভিস সিআই, প্রিটিটিয়ার) রক্ষণাবেক্ষণ সহজ করার জন্য, ESLint, ইত্যাদি ...)। পরীক্ষা করে দেখুন রেপো ।