如何将CSS文件导入Vue组件中,以使这些文件的作用域仅限于组件内部?我尝试在单个组件文件的样式选项卡中使用scoped属性导入文件,但它仍然将所有CSS捆绑在一起并互相覆盖。有没有办法只将CSS文件导入到单个文件组件中并进行作用域限制?我不想让其他组件的CSS文件覆盖我的CSS。另外,我正在使用webpack cli 3。非常感谢您的时间。感激您的帮助。
经过漫长的谷歌搜索和尝试,我终于找到了一个答案。在单文件组件中可以像这样做,这将使你的CSS src文件仅限于你的组件范围内。感谢您的时间!
<style scoped src="@/assets/css/main.css"></style>