Javascript 使用VUE导入未使用的SCSS文件

我在npm包中有一个导出vue组件的索引：

import HelloWorld from './HelloWorld/HelloWorld.vue'
import ByeWorld from './ByeWorld/ByeWorld.vue'

export {
    HelloWorld,
    ByeWorld
}

在主页项目中，有一个带有HelloWord导入的页面：

<template>
  <div class="home">
    <HelloWorld />
  </div>
</template>

<script>
import { HelloWorld } from 'test-project-f/src/components';

export default {
  name: 'home',
  components: {
    HelloWorld
  }
}
</script>

从“test-project-f/src/components”导入{HelloWorld}；
导出默认值{
姓名：'家'，
组成部分：{
你好世界
}
}

使用F12工具检查页面。我们可以看到vue同时注入两个SCS，而不是只注入HelloWord。整个项目中没有引用ByeWorld

<style type="text/css">.hello[data-v-541c6422] {
  color: green;
}
</style>
<style type="text/css">.bye[data-v-ef3e2c3c] {
  color: cadetblue;
}
</style>

。您好[data-v-541c6422]{
颜色：绿色；
}
.再见[data-v-ef3e2c3c]{
颜色：卡德蓝；
}

为什么?？有人知道如何只导入必要的scss导入吗

我尝试了很多方法：

• 导入全部索引
• 与vue cli捆绑包类似（vue cli服务构建--目标库--名称 myLib./src/components/index.js）

HelloWorld：

<template>
    <div class="hello">
        <p>Hello</p>
    </div>
</template>

<script>
    export default {
        name: 'HelloWorld'
    }
</script>

<style lang="scss" scoped>
  .hello {
    color: green;
  }
</style>

你好

导出默认值{
名称：“HelloWorld”
}
.你好{
颜色：绿色；
}

拜厄沃德：

<template>
    <div class="bye">
        <p>bye</p>
    </div>
</template>

<script>
    export default {
        name: 'ByeWorld'
    }
</script>

<style lang="scss" scoped>
  .bye {
    color: cadetblue;
  }
</style>

再见

导出默认值{
名字：“拜厄沃德”
}
.再见{
颜色：卡德蓝；
}