如何在仅限于组件的范围内导入 vue 组件中的 CSS 文件?

RAH*_*HAN 4 css webpack vue.js

如何将 CSS 文件导入 vue 组件,以便这些文件的范围仅限于组件,我尝试将文件导入到具有 scoped 属性的单个组件文件中的样式选项卡,但它仍然捆绑所有 CSS 并相互覆盖?有什么方法可以导入范围仅限于单个文件组件的 CSS 文件?我不希望我的 CSS 被其他组件 CSS 文件覆盖?还有一件事我正在使用 webpack cli 3。非常感谢您的时间。将感谢帮助。

RAH*_*HAN 11

终于在谷歌搜索、命中和轮胎之后,我找到了一个答案。我们可以在 Single File Component 中做这样的事情。这将使您的 CSS src 文件范围仅限于您的组件。感谢您的时间!

<style scoped src="@/assets/css/main.css"></style>
Run Code Online (Sandbox Code Playgroud)