Web paketi
Webpack 3'ü kullanarak Bootstrap'i projenize nasıl dahil edeceğinizi öğrenin.
Bootstrap'i npm kullanarak bir Node.js modülü olarak kurun.
Bu satırı uygulamanızın giriş noktasına (genellikle veya ) ekleyerek Bootstrap'ın JavaScript'ini içe aktarın :index.js
app.js
Alternatif olarak, eklentileri gerektiği gibi tek tek içe aktarabilirsiniz:
Bootstrap, jQuery ve Popper'a bağlıdır , bunlar şu şekilde tanımlanır , bu, her ikisini de kullanımınıza peerDependencies
eklediğinizden emin olmanız gerektiği anlamına gelir .package.json
npm install --save jquery popper.js
Bootstrap'in tüm potansiyelinden yararlanmak ve ihtiyaçlarınıza göre özelleştirmek için, projenizin paketleme sürecinin bir parçası olarak kaynak dosyaları kullanın.
İlk olarak, kendinizinkini oluşturun ve yerleşik özelleştirilebilen değişkenleri_custom.scss
geçersiz kılmak için kullanın . Ardından, özel değişkenlerinizi içe aktarmak için ana Sass dosyanızı ve ardından Bootstrap'ı kullanın:
Bootstrap'in derlenmesi için gerekli yükleyicileri kurduğunuzdan ve kullandığınızdan emin olun: sass-loader , postcss-loader with Autoprefixer . Minimum kurulumla, web paketi yapılandırmanız bu kuralı veya benzerini içermelidir:
Alternatif olarak, projenizin giriş noktasına bu satırı ekleyerek Bootstrap'ın kullanıma hazır CSS'sini kullanabilirsiniz:
Bu durumda, sadece style-loader ve css-css
loader'a ihtiyacınız olmaması dışında, web paketi yapılandırmasında herhangi bir özel değişiklik yapmadan için mevcut kuralınızı kullanabilirsiniz .sass-loader