Vue.js Vue vite如何使用Bootstrap5 SCS？

我使用Bootstrap 5.0.0-alpha2，我在这里App.vue@import'/assets/scss/all.scss'

下面是全部.scss

// Required
@import "../../../node_modules/bootstrap/scss/functions";
@import "./helpers/variables";
@import "../../../node_modules/bootstrap/scss/mixins";

我的vite已经使用了npm安装sass，但是我不知道为什么不工作

但是直接写是有效的

.box {
  color: red;
  font-size: 24px;
  .bg {
    background-color: black;
  }
}

我的vite是“^1.0.0-rc.9”和vue 3.0.2