वेबपॅक हें नांव
Webpack 3 वापरून तुमच्या प्रकल्पांत Bootstrap कसो आस्पाव करचो तें शिकात.
npm वापरून bootstrap Node.js मॉड्यूल म्हणून प्रतिष्ठापीत करात.
तुमच्या ऍप्लिकेशनाच्या प्रवेश बिंदूचेर ही ओळ जोडून बूटस्ट्रॅपाची जावास्क्रिप्ट आयात करात (सादारणपणान index.js
वा app.js
):
पर्यायीपणान, तुमी गरज पडल्यार प्लगइन वैयक्तीक आयात करूंक शकतात:
बूटस्ट्रॅप jQuery आनी Popper चेर आदारीत आसा , हीं अशी व्याख्या केल्या , हाचो अर्थ तुमकां तुमच्या वापरांत peerDependencies
तीं दोनूय जोडपाची खात्री करची पडटली .package.json
npm install --save jquery popper.js
Bootstrap ची पुराय क्षमता भोगपाक आनी तुमच्या गरजे प्रमाणें अनुकूल करपाक, तुमच्या प्रकल्पाच्या बंडलिंग प्रक्रियेचो एक भाग म्हूण स्त्रोत फायली वापरात.
पयलीं, तुमचें स्वताचें तयार करात आनी बिल्ट-इन सानुकूल चड-उणें_custom.scss
ओव्हररायड करपाक वापरात . मागीर, तुमचीं सानुकूल चड आयात करपाक तुमची मुखेल Sass फायल वापरात, ताचे उपरांत Bootstrap:
बूटस्ट्रॅप संकलित करपाखातीर, तुमी गरजेचे लोडर प्रतिष्ठापीत करतात आनी वापरतात हाची खात्री करात: sass-loader , postcss-loader with Autoprefixer . किमान सेटअप आसल्यार, तुमच्या वेबपॅक कॉन्फिगरींत हो नेम वा तत्सम आसपावपाक जाय:
पर्यायीपणान, तुमच्या प्रकल्पाच्या प्रवेश बिंदूचेर फकत ही ओळ जोडून तुमी Bootstrap चो वापरपाक तयार आशिल्लो CSS वापरूं येता:
ह्या प्रकरणांत तुमी तुमचो सद्याचो नेम वापरूं येता for css
webpack config कडेन कसलेच खाशेले बदल करिनासतना, सोडल्यार तुमकां sass-loader
फकत style-loader आनी css-loader ची गरज ना .