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

标签 css vue.js webpack

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

最佳答案

经过如此多的谷歌搜索、点击和轮胎后,我终于找到了一个答案。我们可以在单文件组件中做这样的事情。这将使您的 CSS src 文件仅限于您的组件。感谢您的宝贵时间!

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

关于css - 如何在范围仅限于组件的vue组件中导入CSS文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54977890/

相关文章:

html - CSS - 选择下拉列表添加额外的填充

webpack - 如何使用 webpack 性能对象将 js 文件分解为 vue cli 3 中的 block ?

javascript - 如何在 vue.js 2 上使用 keyup 禁用点?

javascript - Webpack 试图从子目录加载 build.js

ruby-on-rails - 我一直在尝试通过 Webpack 将 Quilljs 添加到 Rails 5.1 应用程序

javascript - 如何从 Rails 中的 JS 文件中引用已编译的 Webpack 包文件的路径?

css - LESS CSS,@import 来自变量的路径

html - Flexbox 列中带有 Flexbow 行的子菜单 : Submenu items not in same line

html - 隐藏的可点击链接在 IE 中没有背景颜色时不起作用

javascript - vuejs 数据更新,但更改未反射(reflect)在模板中