vue scss @import scoped bug All In One

scoped solutions

❌ 不好使

<style lang="scss" scoped>
  @import "sample.scss";
</style>

https://stackoverflow.com/questions/59722165/how-to-use-external-scoped-scss-in-vue

✅ 好使 ???


<style lang="scss" scoped src="~bootstrap/dist/css/bootstrap.css">
    //
</style>

<style lang="scss" scoped src="~bootstrap-vue/dist/bootstrap-vue.css">
   //
</style>

https://stackoverflow.com/questions/49653931/scope-bootstrap-css-in-vue

❌ 测试失败

实际上，还是全局样式？？？


<style lang="scss" scoped src="./styles/creative-add-group-container.scss"></style>
<style lang="scss" scoped src="./styles/text-add-group-container.scss"></style>
<style lang="scss" scoped src="./styles/text-warning.scss"></style>