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

时间:2019-03-04 06:46:00

标签: css vue.js webpack

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

1 个答案:

答案 0 :(得分:0)

最后,经过如此多的谷歌搜索,命中和疲倦,我找到了一个答案。我们可以在“单个文件”组件中执行类似的操作。这将使您的CSS src文件仅限于您的组件。谢谢您的时间!

<style scoped src="@/assets/css/main.css"></style>