Webpack
Dzidza maitiro ekusanganisa Bootstrap mupurojekiti yako uchishandisa Webpack 3.
Isa bootstrap seNode.js module uchishandisa npm.
Ngenisa Bootstrap's JavaScript nekuwedzera iyi mutsara kunzvimbo yekupinda yeapp yako (kazhinji index.js
kana app.js
):
Neimwe nzira, unogona kupinza plugins wega sezvinodiwa:
Bootstrap inotsamira pane jQuery nePopper , izvi zvinotsanangurwa se peerDependencies
, izvi zvinoreva kuti uchafanirwa kuve nechokwadi chekuwedzera ese ari maviri package.json
pakushandisa kwako npm install --save jquery popper.js
.
Kuti unakirwe neiyo yakazara kugona kweBootstrap uye kuigadzirisa kune zvaunoda, shandisa iyo sosi mafaera sechikamu chepurojekiti yako yekuunganidza maitiro.
Kutanga, gadzira yako _custom.scss
uye uishandise kupfuudza iyo yakavakirwa-mukati tsika zvinosiyana . Zvadaro, shandisa yako huru Sass faira kupinza yako tsika dzakasiyana, inoteverwa neBootstrap:
Kuti Bootstrap iunganidze, ita shuwa kuti iwe unoisa uye shandisa inodiwa inotakura: sass-loader , postcss-loader ne Autoprefixer . Nekuseta kushoma, yako webpack config inofanira kusanganisira mutemo uyu kana zvakafanana:
Neimwe nzira, unogona kushandisa Bootstrap's yakagadzirira-kushandisa-CSS nekungowedzera iyi mutsara kunzvimbo yekupinda purojekiti yako:
Mune ino kesi unogona kushandisa mutemo wako uripo css
pasina chero yakakosha shanduko kune webpack config, kunze kwekunge iwe usingade sass-loader
chete style-loader uye css-loader .