पार्सल

पार्सल वापरून तुमच्या प्रकल्पांत बूटस्ट्रॅप कसो आस्पाव करचो तें शिकात.

ह्या पानाचेर

पार्सल स्थापन करचें

बूटस्ट्रॅप स्थापन करचें

npm वापरून bootstrap Node.js मॉड्यूल म्हणून प्रतिष्ठापीत करात.

बूटस्ट्रॅप Popper चेर आदारीत आसा , जें peerDependenciesगुणधर्मांत निर्देशीत केलां. package.jsonहाचो अर्थ तुमकां तुमच्या वापरांत तीं दोनूय जोडपाची खात्री करची पडटली npm install @popperjs/core.

जेन्ना सगळें पुराय जातलें, तेन्ना तुमचो प्रकल्प अशी रचणूक जातली:

project-name/
├── build/
├── node_modules/
│   └── bootstrap/
│   └── popper.js/
├── scss/
│   └── custom.scss
├── src/
│   └── index.html
│   └── index.js
└── package.json

जावास्क्रिप्ट आयात करप

तुमच्या ऍप्लिकेशनाच्या प्रवेश बिंदूंत बूटस्ट्रॅपाची जावास्क्रिप्ट आयात करात (सादारणपणान src/index.js). तुमकां फकत तांचे उपसमुह जाय जाल्यार तुमी आमचे सगळे प्लगइन एकाच फायलीन वा वेगळे आयात करूंक शकतात.

// Import all plugins
import * as bootstrap from 'bootstrap';

// Or import only needed plugins
import { Tooltip as Tooltip, Toast as Toast, Popover as Popover } from 'bootstrap';

// Or import just one
import Alert as Alert from '../node_modules/bootstrap/js/dist/alert';

CSS आयात करप

Bootstrap ची पुराय क्षमता वापरपाक आनी तुमच्या गरजे प्रमाणें अनुकूल करपाक, तुमच्या प्रकल्पाच्या बंडलिंग प्रक्रियाचो एक भाग म्हूण स्त्रोत फायली वापरात.

Bootstrap ची Sass फायली आयातscss/custom.scss करपाक तुमची स्वताची तयार करात आनी मागीर बिल्ट-इन सानुकूल चड-उणें अधिलिखित करात .

अॅप तयार करचो

बंद करपी टॅगा src/index.jsपयलीं समाविष्ट करात .</body>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <script src="./index.js"></script>
  </body>
</html>

संपादन करचें`package.json`

तुमच्या फायलीन जोडात devआनी स्क्रिप्ट.buildpackage.json

"scripts": {
  "dev": "parcel ./src/index.html",
  "prebuild": "npx rimraf build",
  "build": "parcel build --public-url ./ ./src/index.html --experimental-scope-hoisting --out-dir build"
}

dev स्क्रिप्ट चालीक लावची

तुमचो अॅप http://127.0.0.1:1234.

npm run dev

अॅप फायली तयार करात

बांदिल्लीं फायली build/फोल्डरांत आसतात.

npm run build

पार्सल