'রিঅ্যাক্ট-স্ক্রিপ্টস স্টার্ট' কমান্ডটি ঠিক কী?

Question

আমি ব্যবহার করে একটি প্রতিক্রিয়া প্রকল্পের সাথে কাজ করছি create-react-app, এবং প্রকল্পটি শুরু করার জন্য আমার কাছে দুটি বিকল্প রয়েছে:

প্রথম উপায়:

npm run startpackage.jsonএই মত সংজ্ঞা সহ :

"start": "react-scripts start",

দ্বিতীয় উপায়:

এবং npm start

এই দুটি কমান্ডের মধ্যে পার্থক্য কি? এবং এর উদ্দেশ্য কী react-scripts start?

আমি সংজ্ঞাটি সন্ধান করার চেষ্টা করেছি, তবে আমি কেবল নামের সাথে একটি প্যাকেজ পেয়েছি এবং এখনও এই কমান্ডটির অর্থ কী তা আমি জানি না।

Comments

'শুরু' একটি স্ক্রিপ্ট একটি নাম, মধ্যে npmআপনি ভালো স্ক্রিপ্ট চালানোর npm run scriptName, npm startএছাড়াও একটি ছোটnpm run start

— Sagiv বিজি

react-scripts startডেভ মোডে প্রতিক্রিয়া অ্যাপ্লিকেশন চালানোর উপযুক্ত কমান্ড। এই কমান্ডটি প্যাকেজ.জসনে সংরক্ষণ করা হয়েছে যাতে আপনার এটি মুখস্ত করতে হবে না এবং তার npm run startপরিবর্তে কেবল সাধারণ টাইপ করতে পারেন । npm startপরবর্তীকালের জন্য একটি শর্টকাট।

— ক্রিস জি

Answer 1

তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন এবং প্রতিক্রিয়া-স্ক্রিপ্ট

react-scriptscreate-react-appস্টার্টার প্যাক থেকে স্ক্রিপ্টগুলির একটি সেট । create-react-app আপনাকে কনফিগার না করেই প্রকল্পগুলি সরিয়ে ফেলতে সহায়তা করে, তাই আপনাকে নিজের প্রকল্প নিজেই সেটআপ করতে হবে না।

react-scripts startবিকাশের পরিবেশ সেট আপ করে এবং একটি সার্ভার শুরু করে, পাশাপাশি গরম মডিউল পুনরায় লোড করে। এটি আপনার জন্য কী করে তা দেখতে এখানে পড়তে পারেন ।

সঙ্গে তৈরি প্রতিক্রিয়া-অ্যাপ আপনি বাক্সের বাইরে বৈশিষ্ট্য অনুসরণ করেছে।

• প্রতিক্রিয়া, জেএসএক্স, ইএস 6, এবং ফ্লো সিনট্যাক্স সমর্থন।
• অবজেক্ট স্প্রেড অপারেটরের মতো ES6 এর বাইরে ভাষা অতিরিক্ত।
• অটোপ্রিফিক্স সিএসএস, সুতরাং আপনার ওয়েবেকিট- বা অন্যান্য উপসর্গের দরকার নেই।
• কভারেজ প্রতিবেদনের জন্য অন্তর্নির্মিত সমর্থন সহ একটি দ্রুত ইন্টারেক্টিভ ইউনিট পরীক্ষা চালক।
• একটি লাইভ বিকাশ সার্ভার যা সাধারণ ভুল সম্পর্কে সতর্ক করে।
• হ্যাশ এবং সোর্স ম্যাপ সহ উত্পাদনের জন্য জেএস, সিএসএস এবং চিত্রগুলি বান্ডিল করার জন্য একটি বিল্ড স্ক্রিপ্ট।
• একটি অফলাইন-প্রথম পরিষেবা কর্মী এবং একটি ওয়েব অ্যাপ্লিকেশন প্রকাশিত, সমস্ত প্রগতিশীল ওয়েব অ্যাপ মানদণ্ড পূরণ করে।
• একক নির্ভরতার সাথে উপরের সরঞ্জামগুলির জন্য ঝামেলা-মুক্ত আপডেট

এনপিএম স্ক্রিপ্ট

npm startএর জন্য একটি শর্টকাট npm run start।

npm runস্ক্রিপ্টগুলি চালানোর জন্য ব্যবহার করা হয় যা আপনি scriptsআপনার প্যাকেজ.জসনের অবজেক্টে সংজ্ঞায়িত করেছেন

startস্ক্রিপ্ট অবজেক্টে কোনও কী না থাকলে এটি ডিফল্ট হবেnode server.js

কখনও কখনও আপনি প্রতিক্রিয়ার স্ক্রিপ্টগুলি দেয় তার চেয়ে বেশি কিছু করতে চান, এই ক্ষেত্রে আপনি করতে পারেন react-scripts eject। এটি আপনার প্রকল্পটিকে একটি "পরিচালিত" রাষ্ট্র থেকে একটি পরিচালিত নয় এমন রাজ্যে রূপান্তরিত করবে, যেখানে নির্ভরতাগুলির উপর আপনার সম্পূর্ণ নিয়ন্ত্রণ রয়েছে, স্ক্রিপ্টগুলি এবং অন্যান্য কনফিগারেশন তৈরি করুন।

Comments

আপনি কীভাবে এটি উত্পাদন চালাতে জানেন?

— ব্যবহারকারী269867

আপনি বলবেন প্রযোজনায় এটি ব্যবহার করতে npm run build। এটি একটি বিল্ড ফোল্ডার তৈরি করবে। এই ফোল্ডারটি আপনি পরিবেশন করতে পারেন। উদাহরণস্বরূপ npm install -g serveএবং তারপরে serve -s build ফেসবুক.

— লুক

প্রথম তিনটি লিঙ্ক একই লিঙ্কে সমস্ত লিঙ্ক।

— অ্যান্ড্রু গ্রিম

দ্বিতীয় লিঙ্কটি "কী অন্তর্ভুক্ত করা হয়েছে"

— লূক

Answer 2

সাগিভ বিজি যেমন উল্লেখ করেছেন, npm startকমান্ডটি একটি শর্টকাট npm run start। আমি আরও কিছুটা স্পষ্ট করার জন্য একটি বাস্তব জীবনের উদাহরণ যুক্ত করতে চেয়েছিলাম ।

নীচের সেটআপটি create-react-appগিথুব রেপো থেকে আসে । package.jsonস্ক্রিপ্ট যা প্রকৃত প্রবাহ নির্ধারণ একটি গুচ্ছ সংজ্ঞায়িত করে।

"scripts": {
  "start": "npm-run-all -p watch-css start-js",
  "build": "npm run build-css && react-scripts build",
  "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive",
  "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/",
  "start-js": "react-scripts start"
},

স্পষ্টতার জন্য, আমি একটি ডায়াগ্রাম যুক্ত করেছি।

নীল বাক্সগুলি স্ক্রিপ্টগুলির রেফারেন্স, এগুলির সবগুলিই আপনি সরাসরি কোনও npm run <script-name>আদেশ দিয়ে কার্যকর করতে পারেন uted তবে আপনি দেখতে পাচ্ছেন, বাস্তবে কেবল দুটি ব্যবহারিক প্রবাহ রয়েছে:

• npm run start
• npm run build

ধূসর বাক্সগুলি কমান্ড যা কমান্ড লাইন থেকে কার্যকর করা যেতে পারে।

সুতরাং, উদাহরণস্বরূপ, আপনি যদি চালনা করেন npm start(বা npm run start) যা আসলে npm-run-all -p watch-css start-jsকমান্ডটিতে অনুবাদ করে , যা কমান্ডলাইন থেকে সম্পাদিত হয়।

আমার ক্ষেত্রে, আমার কাছে এই বিশেষ npm-run-allকমান্ডটি রয়েছে, যা একটি জনপ্রিয় প্লাগইন যা "বিল্ড:" দিয়ে শুরু হওয়া স্ক্রিপ্টগুলির সন্ধান করে এবং সেগুলি কার্যকর করে। আমার আসলে সেই ধরণের সাথে কোনও মিল নেই। তবে এটি একই সাথে একাধিক কমান্ড চালানোর জন্যও ব্যবহার করা যেতে পারে যা এটি এখানে ব্যবহার করে -p <command1> <command2>স্যুইচটি ব্যবহার করে । সুতরাং, এখানে এটি 2 স্ক্রিপ্ট কার্যকর করে, watch-cssএবং start-js। (সর্বশেষে উল্লিখিত স্ক্রিপ্টগুলি পর্যবেক্ষক যা ফাইল পরিবর্তনগুলি নিরীক্ষণ করে এবং খুন হলেই এটি শেষ হবে))

• watch-cssনিশ্চিত করুন যে তোলে *.scssফাইলগুলিতে অনূদিত হয় *.cssফাইল, এবং ভবিষ্যতের আপডেট দেখার জন্য সৌন্দর্য।

• ওয়েবসাইটটি একটি বিকাশ মোডে হোস্ট start-jsকরে react-scripts startএমন পয়েন্টগুলি The

উপসংহারে, npm startকমান্ডটি কনফিগারযোগ্য। এটি কী করে তা যদি আপনি জানতে চান তবে আপনাকে package.jsonফাইলটি পরীক্ষা করতে হবে। (এবং জিনিসগুলি জটিল হয়ে উঠলে আপনি কিছুটা চিত্র তৈরি করতে চাইতে পারেন)।

Answer 3

"স্টার্ট" হ'ল একটি স্ক্রিপ্টের নাম, এনপিএম এ আপনি যেমন স্ক্রিপ্টগুলি চালান npm run scriptName, npm start এটিও একটি সংক্ষিপ্ত npm run start

"প্রতিক্রিয়া-স্ক্রিপ্টগুলি" হিসাবে এটি তৈরি করা-অ্যাপ্লিকেশন- সম্পর্কিত বিশেষত সম্পর্কিত একটি স্ক্রিপ্ট