Webpack में scripts के माध्यम से बिल्ड मोड

बिल्ड मोड को कॉन्फ़िगरेशन फ़ाइल के बजाय package.json फ़ाइल की scripts सेटिंग्स के माध्यम से निर्दिष्ट किया जा सकता है। वर्तमान में, इस फ़ाइल में हमारे पास build कमांड है, जो प्रोजेक्ट को उस मोड में बनाती है जो कॉन्फ़िगरेशन फ़ाइल में निर्दिष्ट है:

"scripts": {
	"build": "webpack"
}

आइए एक कमांड जोड़ें जो प्रोजेक्ट को डेवलपमेंट मोड में बनाती है:

"dev": "webpack --mode development"

आइए एक कमांड जोड़ें जो प्रोजेक्ट को प्रोडक्शन मोड में बनाती है:

"prod": "webpack --mode production"

अंत में, हमारी package.json फ़ाइल इस प्रकार दिखेगी:

"scripts": {
	"build": "webpack",
	"dev":   "webpack --mode development",
	"prod":  "webpack --mode production",
}

अब टर्मिनल में, हम विभिन्न कमांड्स का उपयोग करके विभिन्न मोड में बिल्ड को कॉल कर सकेंगे। डेवलपमेंट मोड में बिल्ड करने के लिए हम निम्नलिखित लिखेंगे:

npm run dev

और प्रोडक्शन मोड में बिल्ड करने के लिए - निम्नलिखित:

npm run prod

अपने package.json में संबंधित सेटिंग्स दर्ज करें।

अपने प्रोजेक्ट को डेवलपमेंट मोड में बनाएं।

अपने प्रोजेक्ट को प्रोडक्शन मोड में बनाएं।