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

CSS

Tony樱番长

2020-03-11

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

  • 在index.html中导入一个CSS文件
  • 在主要组件中执行@import
  • 将所有CSS放入主要组件中（但这将是一个巨大的文件）

第749篇《在Vuejs中拥有全局CSS的最佳方法》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
逆天Stafan 2020.03.11

您也可以执行以下操作：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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android