如何在vue-cli生成的webpack模板中添加和使用scss？

前端小白，我想在vue-cli生成的webpack模板中使用bootstrap并用scss來編寫樣式。但是模板中的WebPack配置太多，我直接蒙逼了。而且scss-loader的README也僅僅給出了一點(diǎn)點(diǎn)WebPack配置，和vue生成的模板相比大相徑庭。所以大神們能不能詳細(xì)說說，應(yīng)該添加什么包，然后編輯那個(gè)文件？

我現(xiàn)在照著人家的README添加了scss-loader和node-sass，然后嘗試在main.js中寫入下面一行。

import './assets/css/site.scss'

scss文件是這么寫的，然后不管是運(yùn)行還是打包vue，果不其然的都失敗了……

@import "~bootstrap/scss/bootstrap.scss";

.color-animate {
  animation: color-transition 10s ease 2s infinite;
}

@keyframes color-transition {
  0% {
    color: $red;
  }
  25% {
    color: $orange;
  }
  50% {
    color: $teal;
  }
  75% {
    color: $blue;
  }
  100% {
    color: $purple;
  }
}