Webpack
Ikasi Bootstrap zure proiektuan sartzen Webpack 3 erabiliz.
Instalatu bootstrap Node.js modulu gisa npm erabiliz.
Inportatu Bootstrap-en JavaScript lerro hau gehituz zure aplikazioaren sarrera puntuan (normalean index.js
edo app.js
):
Bestela, banan- banan inporta ditzakezu pluginak behar izanez gero:
Bootstrap jQuery eta Popper -en menpe dago , hauek honela definitzen dira peerDependencies
, horrek esan nahi du biak gehitzen dituzula zure package.json
erabileran ziurtatu beharko duzula npm install --save jquery popper.js
.
Kontuan izan pluginak banan-banan inportatzea aukeratzen baduzu, exports-loader ere instalatu behar duzula
Bootstrap-en potentzial osoaz gozatzeko eta zure beharretara pertsonalizatzeko, erabili iturburu-fitxategiak zure proiektuaren multzokatze-prozesuaren zati gisa.
Lehenik eta behin, sortu zurea _custom.scss
eta erabili aldagai pertsonalizatuak gainidazteko . Ondoren, erabili zure sass fitxategi nagusia zure aldagai pertsonalizatuak inportatzeko, eta ondoren Bootstrap:
Bootstrap konpilatzeko, ziurtatu behar diren kargatzaileak instalatu eta erabiltzen dituzula: sass-loader , postcss- loader Autoprefixer . Gutxieneko konfigurazioarekin, zure webpack konfigurazioak arau hau edo antzekoa izan beharko luke:
Bestela, Bootstrap-en erabiltzeko prest dagoen css erabil dezakezu lerro hau zure proiektuaren sarrera puntuan gehituz:
Kasu honetan, lehendik dagoen araua erabil dezakezu css
webpack konfigurazioan aldaketa berezirik egin gabe, ez dituzu style-loader eta css-loadersass-loader
soilik behar izan ezik .