ꯃꯔꯨꯑꯣꯏꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯆꯠꯂꯨ꯫ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯅꯦꯚꯤꯒꯦꯁꯅꯗꯥ ꯆꯠꯂꯨ꯫
in English

ꯄꯥꯔꯁꯦꯜ ꯇꯧꯕꯥ꯫

ꯄꯥꯔꯁꯦꯜ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯇꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯇꯃꯁꯤꯜꯂꯨ꯫

ꯄꯦꯖ ꯑꯁꯤꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯄꯥꯔꯁꯦꯜ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ꯫

ꯄꯥꯔꯁꯦꯜ ꯕꯟꯗꯂꯔ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ .

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ꯫

npm ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ Node.js ꯃꯣꯗ꯭ꯌꯨꯜ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯗꯥ ꯁꯦꯡꯅꯥ ꯇꯥꯛꯂꯤꯕꯥ ꯄꯣꯄꯔꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏ꯫ 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';

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯏꯝꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯃꯄꯨꯡ ꯑꯣꯏꯕꯥ ꯄꯣꯇꯦꯟꯁꯤꯑꯦꯜ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯗꯔꯀꯥꯔ ꯑꯣꯏꯕꯁꯤꯡꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯅꯕꯥ, ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯀꯤ ꯕꯟꯗꯂꯤꯡ ꯄ꯭ꯔꯣꯁꯦꯁꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯣꯔꯁ ꯐꯥꯏꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯥꯁ ꯐꯥꯏꯂꯁꯤꯡ ꯏꯝꯄꯣꯔꯠ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ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯐꯥꯏꯂꯗꯥ buildꯁ꯭ꯛꯔꯤꯞꯇꯁꯤꯡ꯫package.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"
}

ꯗꯦꯚ ꯁ꯭ꯛꯔꯤꯞꯇ ꯆꯠꯂꯨ꯫

ꯑꯗꯣꯃꯒꯤ ꯑꯦꯞ ꯑꯁꯤ http://127.0.0.1:1234.

npm run dev

ꯑꯦꯞ ꯐꯥꯏꯂꯁꯤꯡ ꯁꯦꯝꯕꯥ꯫

ꯁꯦꯃꯈꯤꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ build/ꯐꯣꯜꯗꯔ ꯑꯗꯨꯗꯥ ꯂꯩ꯫

npm run build