Webpack में scripts के माध्यम से बिल्ड मोड
बिल्ड मोड को कॉन्फ़िगरेशन फ़ाइल के बजाय
package.json फ़ाइल की scripts
सेटिंग्स के माध्यम से निर्दिष्ट किया जा सकता है।
वर्तमान में, इस फ़ाइल में हमारे पास build
कमांड है, जो प्रोजेक्ट को उस मोड में बनाती है
जो कॉन्फ़िगरेशन फ़ाइल में निर्दिष्ट है:
package.json"scripts": {
"build": "webpack"
}
आइए एक कमांड जोड़ें जो प्रोजेक्ट को डेवलपमेंट मोड में बनाती है:
package.json"dev": "webpack --mode development"
आइए एक कमांड जोड़ें जो प्रोजेक्ट को प्रोडक्शन मोड में बनाती है:
package.json"prod": "webpack --mode production"
अंत में, हमारी package.json फ़ाइल
इस प्रकार दिखेगी:
package.json"scripts": {
"build": "webpack",
"dev": "webpack --mode development",
"prod": "webpack --mode production",
}
अब टर्मिनल में, हम विभिन्न कमांड्स का उपयोग करके विभिन्न मोड में बिल्ड को कॉल कर सकेंगे। डेवलपमेंट मोड में बिल्ड करने के लिए हम निम्नलिखित लिखेंगे:
terminalnpm run dev
और प्रोडक्शन मोड में बिल्ड करने के लिए - निम्नलिखित:
terminalnpm run prod
अपने package.json में
संबंधित सेटिंग्स दर्ज करें।
अपने प्रोजेक्ट को डेवलपमेंट मोड में बनाएं।
अपने प्रोजेक्ट को प्रोडक्शन मोड में बनाएं।