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

Question

我正在使用vue 3，我需要知道如何为不同的子组件导入不同的样式表。例如，我有3个子组件，让我们说A和B，我想在A中导入样式表X，在B中导入样式表Z

Answer 1

在Vue组件中导入CSS

如果您正在设置并使用webpack，则应该能够直接从组件文件中的<style>标记内导入css。

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

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

更多信息：

• https://cli.vuejs.org/guide/css.html
• https://github.com/vuejs/vue-loader