Webpack
Learje hoe't jo Bootstrap opnimme yn jo projekt mei Webpack 3.
Ynstallearje bootstrap as in Node.js-module mei npm.
Ymportearje Bootstrap's JavaScript troch dizze rigel ta te foegjen oan it yngongspunt fan jo app (normaal index.js
of app.js
):
As alternatyf kinne jo plugins yndividueel ymportearje as nedich:
Bootstrap is ôfhinklik fan jQuery en Popper , dizze wurde definiearre as peerDependencies
, dit betsjut dat jo der wis fan wêze moatte dat jo beide tafoegje oan jo package.json
gebrûk npm install --save jquery popper.js
.
Om it folsleine potensjeel fan Bootstrap te genietsjen en it oan te passen oan jo behoeften, brûk de boarnebestannen as ûnderdiel fan it bondelproses fan jo projekt.
Meitsje earst jo eigen en brûk it om de ynboude oanpaste fariabelen_custom.scss
te oerskriuwen . Brûk dan jo haad Sass-bestân om jo oanpaste fariabelen te ymportearjen, folge troch Bootstrap:
Foar Bootstrap om te kompilearjen, soargje derfoar dat jo de fereaske loaders ynstallearje en brûke: sass-loader , postcss-loader mei Autoprefixer . Mei minimale opset moat jo webpack-konfiguraasje dizze regel as ferlykber befetsje:
As alternatyf kinne jo Bootstrap's ready-to-use CSS brûke troch gewoan dizze rigel ta te foegjen oan it yngongspunt fan jo projekt:
Yn dit gefal meie jo jo besteande regel brûke foar css
sûnder spesjale oanpassingen oan webpack-konfiguraasje, útsein dat jo net sass-loader
allinich style-loader en css-loader nedich binne .