वेबपैक दा
वेबपैक 3 दा इस्तेमाल करदे होई अपने प्रोजेक्ट च बूटस्ट्रैप गी किस चाल्ली शामल करना सिक्खो।
npm दा इस्तेमाल करदे होई इक Node.js मॉड्यूल दे रूप च बूटस्ट्रैप गी इंस्टॉल करो .
अपने ऐप दे एंट्री बिंदु च इस लाइन गी जोड़ियै बूटस्ट्रैप दी जावास्क्रिप्ट आयात करो (आमतौर पर index.js
जां app.js
):
वैकल्पिक रूप कन्नै, तुस जरूरत मताबक प्लगइन्स गी व्यक्तिगत रूप कन्नै आयात करी सकदे ओ:
बूटस्ट्रैप jQuery ते Popper पर निर्भर करदा ऐ , एह् इस चाल्ली परिभाशत कीते गेदे न , इसदा मतलब ऐ जे तुसेंगी अपने इस्तेमाल peerDependencies
च इन्हें दोनें गी जोड़ना सुनिश्चित करना होग .package.json
npm install --save jquery popper.js
बूटस्ट्रैप दी पूरी क्षमता दा मजा लैने ते अपनी जरूरतें दे मताबक इसगी अनुकूलित करने आस्तै, अपने प्रोजेक्ट दी बंडलिंग प्रक्रिया दे हिस्से दे रूप च स्रोत फाइलें दा इस्तेमाल करो.
पैह् ले, अपना बनाओ ते बिल्ट-इन कस्टम चर_custom.scss
गी ओवरराइड करने आस्तै इसदा इस्तेमाल करो . फिर, अपने कस्टम चर गी आयात करने आस्तै अपनी मुक्ख Sass फाइल दा इस्तेमाल करो, ते उसदे बाद बूटस्ट्रैप:
बूटस्ट्रैप गी संकलित करने आस्तै, सुनिश्चत करो जे तुस लोड़चदे लोडरें गी इंस्टाल करदे ओ ते बरतदे ओ: sass-loader , postcss-loader with Autoprefixer . घट्ट शा घट्ट सेटअप कन्नै, तुंदे वेबपैक कॉन्फ़िगरेशन च एह् नियम जां इसी जनेह् शामल होना चाहिदा ऐ:
वैकल्पिक रूप कन्नै, तुस बस इस पंक्ति गी अपने प्रोजेक्ट दे प्रविश्ट बिंदु च जोड़ियै बूटस्ट्रैप दे इस्तेमाल आस्तै तैयार CSS दा इस्तेमाल करी सकदे ओ:
इस मामले च तुस अपने मौजूदा नियम दा इस्तेमाल वेबपैक कॉन्फ़िगरेशन च कुसै बी खास बदलाव दे बगैर आस्तै करी सकदे ओ , सिवाय इसदे जे तुसेंगी सिर्फ शैली-लोडर ते css-css
लोडर दी लोड़ नेईं ऐ .sass-loader