"Enter"a basıp içeriğe geçin

Vue.JS’de Bootstrap’ı ekleme işlemi

Önce npm ile Bootstrap’ı dahil edelim.

npm install bootstrap --save

 

Şimdi node-sass paketini kuralım

npm install node-sass --save --dev

 

Webpack için sass-loader paketini’de kuralım

npm install sass-loader --save --dev

 

sass-loader ı ekledin webpack config dosyamızda barı kuralları ayarlamamız gerekiyor.

{
  test: /\.scss$/,
  use: [
    {
      loader: 'css-loader'
    },
    {
      loader: 'sass-loader'
    }
  ]
}

 

ve son olarak Bootstrap’ı projemize dahil ediyoruz.

@import '../node_modules/bootstrap/scss/bootstrap.scss';

 

Daha sonrasında Bootstrap’ın bir altına kendi custom css dosyanızı ekleyerek projenize başlayabilirsiniz.