在Vuejs中拥有全局CSS的最佳方法

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

  • 在index.html中导入一个CSS文件
  • 在主要组件中执行@import
  • 将所有CSS放入主要组件中(但这将是一个巨大的文件)
逆天Stafan2020/03/11 17:21:10

您也可以执行以下操作:https : //css-tricks.com/how-to-import-a-sass-file-into-every-vue-component-in-an-app/

我的文件夹大部分结构如下:

 - src
   - assets
     - _global.scss
     - _colors.scss
     - _fonts.scss
     - _paragraphs
     - index.scss // <-- import all other scss files.

这也适用于普通的CSS。

村村路易2020/03/11 17:21:10

在index.html中导入css,但是如果您使用的是webpack,则只需在主js配置中导入样式表,所有组件都将获得css。