Webpack
Бифаҳмед, ки чӣ тавр бо истифода аз Webpack дар лоиҳаи худ Bootstrap-ро дохил кунед.
Насб кардани Bootstrap
Бо истифода аз npm bootstrap -ро ҳамчун модули Node.js насб кунед.
Воридоти JavaScript
JavaScript-и Bootstrap-ро тавассути илова кардани ин сатр ба нуқтаи вуруди барномаатон ворид кунед (одатан index.js
ё app.js
):
Интихобан, шумо метавонед плагинҳоро дар ҳолати зарурӣ ба таври инфиродӣ ворид кунед:
Bootstrap аз jQuery ва Popper вобаста аст , ки дар peerDependencies
амвол нишон дода шудаанд; ин маънои онро дорад, ки шумо бояд боварӣ ҳосил кунед, ки ҳардуи онҳоро ба package.json
истифодаи худ илова кунед npm install --save jquery popper.js
.
Воридоти услубҳо
Воридоти Sass-и пешакӣ тартибдодашуда
Барои баҳрабардорӣ аз потенсиали пурраи Bootstrap ва мутобиқ кардани он ба эҳтиёҷоти худ, файлҳои манбаъро ҳамчун як қисми раванди бастабандии лоиҳаи худ истифода баред.
Аввалан, худатонро эҷод кунед ва онро барои иваз кардани тағирёбандаҳои фармоишии дарунсохт_custom.scss
истифода баред . Пас, файли асосии Sass-и худро барои ворид кардани тағирёбандаҳои фармоишии худ ва пас аз Bootstrap истифода баред:
Барои тартиб додани Bootstrap, боварӣ ҳосил кунед, ки боркунакҳои лозимиро насб ва истифода баред: sass-loader , postcss-loader бо Autoprefixer . Бо ҳадди ақали танзим, конфигуратсияи веб-бастаи шумо бояд ин қоида ё шабеҳро дар бар гирад:
Воридоти CSS-и тартибдодашуда
Интихобан, шумо метавонед CSS-и барои истифода омодаи Bootstrap-ро тавассути илова кардани ин сатр ба нуқтаи вуруди лоиҳаи худ истифода баред:
Дар ин ҳолат шумо метавонед қоидаи мавҷудаи худро барои css
бе ягон тағйироти махсус дар конфигуратсияи webpack истифода баред, ба истиснои шумо sass-loader
танҳо style-loader ва css-loader лозим нест.