如何将CSS文件导入Vue组件中，以使这些文件的作用域仅限于组件内部？我尝试在单个组件文件的样式选项卡中使用scoped属性导入文件，但它仍然将所有CSS捆绑在一起并互相覆盖。有没有办法只将CSS文件导入到单个文件组件中并进行作用域限制？我不想让其他组件的CSS文件覆盖我的CSS。另外，我正在使用webpack cli 3。非常感谢您的时间。感激您的帮助。
1个回答
13
经过漫长的谷歌搜索和尝试，我终于找到了一个答案。在单文件组件中可以像这样做，这将使你的CSS src文件仅限于你的组件范围内。感谢您的时间！
<style scoped src="@/assets/css/main.css"></style>
- RAHIL KHAN
2
1我已经尝试使用Bootstrap解决此问题，但它并没有起作用。但是当我删除scoped属性时，它就可以正常工作了。 - Mirza Andriamanamisoa
我也遇到了同样的问题。我试图从node_modules文件夹中包含.css文件，但是没有成功。 - Svetoslav Stefanov
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接