在Vuejs中为所有组件创建全局CSS文件的最佳方式是什么?(默认CSS,如BG colored颜色 、按钮样式等)

  • 在index.html中导入CSS文件
  • 主要组件中的DO为@import
  • 将所有CSS放在主组件中(但这将是一个很大的文件)

推荐答案

在索引中导入css.html,但如果你使用的是webpack,你只需在主js配置中导入样式表,所有组件都会得到css.

正如下面的 comments 所建议的,如果使用webpack将其添加到main.js作品中:

import './assets/css/main.css';

Css相关问答推荐

添加Angular 17的Stackblitz项目的Angular material 主题?

如何在悬停时缓慢更改渐变 colored颜色 ?

如何居中对齐容器父对象?

VueJS3+Vutify中缺少一些CSS类

在 Next.js 中使用 .modules.scss 时未应用样式

Z Index 复杂性 - 如何将组件放置在 div 内部以相对于其级别外部的组件具有更高的 z-index 值?

如何减少弹性项目之间的差距

如何使代码块输出在 quarto revealjs 演示文稿中水平滚动

网格在行方向上的大小不正确

表格的边框半径没有按预期工作

如何隐藏锚文本而不隐藏锚?

定位背景图片,添加内边距

HTML 元素默认为 display:inline-block?

以原始大小的 50% 显示图像

让 div 占据 100% 身体高度,减go 固定高度的页眉和页脚

CSS图像最大宽度设置为原始图像大小?

div内的CSS中心内容

在移动网络上禁用捏zoom

名称-值对的语义和 struct

如何在页面上居中 twitter bootstrap 选项卡?