Vue.js 如何在vue 3子组件中导入css文件？

我正在处理VUE3，我需要知道如何为不同的子组件导入不同的样式表。例如，我有3个子组件，比如A和B，我想在A中导入样式表X，在B中导入样式表Z

如果您正在安装并使用webpack，您应该能够直接从组件文件中的

标记内部导入css

// In Component A
<style scoped>
@import "./X.css"
</style>

// In Component B
<style scoped>
@import "./Y.css"
</style>

//在组件A中
@导入“/X.css”
//在B部分
@导入“/Y.css”

更多信息请点击此处：

---

非常感谢。我还想补充一点，它可以像这样导入//在组件A导入'@/assets/user/css/userapp.css'啊，是的，我很抱歉，您提到您有vue cli，这为您设置了网页包别名“@”：P