Verkkopaketti
Opi sisällyttämään Bootstrap projektiisi Webpack 3:n avulla.
Asenna bootstrap Node.js-moduuliksi npm:n avulla.
Tuo Bootstrapin JavaScript lisäämällä tämä rivi sovelluksesi aloituskohtaan (yleensä index.js
tai app.js
):
Vaihtoehtoisesti voit tuoda laajennuksia yksitellen tarpeen mukaan:
Bootstrap on riippuvainen jQuerysta ja Popperista , nämä määritellään seuraavasti peerDependencies
, mikä tarkoittaa , että sinun on lisättävä molemmat package.json
käyttöösi npm install --save jquery popper.js
.
Voit nauttia Bootstrapin kaikista mahdollisuuksista ja mukauttaa sitä tarpeisiisi käyttämällä lähdetiedostoja osana projektisi niputusprosessia.
Luo ensin oma _custom.scss
ja käytä sitä sisäänrakennettujen mukautettujen muuttujien ohittamiseen . Käytä sitten Sass-päätiedostoa mukautettujen muuttujien tuomiseen ja sen jälkeen Bootstrap:
Jotta Bootstrap voi kääntää, varmista, että asennat ja käytät vaadittuja latausohjelmia: sass-loader , postcss-loader ja Autoprefixer . Vähimmäisasetuksella verkkopaketin kokoonpanon tulisi sisältää tämä sääntö tai vastaava:
Vaihtoehtoisesti voit käyttää Bootstrapin käyttövalmis CSS:ää lisäämällä tämän rivin projektisi aloituskohtaan:
Tässä tapauksessa voit käyttää olemassa olevaa css
sääntöäsi verkkopaketin konfigurointiin ilman erityisiä muutoksia, paitsi että et tarvitse sass-loader
vain style- loaderia ja css- loaderia .