Import bootstrap-sass in vuejs

1) yarn add bootstrap bootstrap-sass node-sass sass-loader
2) Create assets/sass/main.scss
3) Add _variables.scss and import boostrap.scss
4) Set $icon-font-path to find font files

$icon-font-path: “~bootstrap-sass/assets/fonts/bootstrap/”;
@import “~bootstrap-sass/assets/stylesheets/bootstrap/variables”;
@import “~bootstrap-sass/assets/stylesheets/_bootstrap.scss”;

5) In main.js, require(‘./assets/sass/main.scss’);
6) yarn serve and open page in http://localhost:8080

https://github.com/vuejs-templates/webpack/issues/166

// add any variables you want to override here
// ———
// BOOTSTRAP
// ———
$icon-font-path: ‘~bootstrap-sass/assets/fonts/bootstrap/’;
@import ‘~bootstrap-sass/assets/stylesheets/bootstrap’;