Question

我已将style.css包含在library.yml中。我已经将我的custom.css放在css / custom.css文件中。在视图源中找不到html中的css行。我已经添加了info.yml文件。我在信息文件中添加了全局样式。

global-styling:
  version: VERSION
  css:  
      css/style.css: {}
      css/custom.css: {}
framework:
  css:
    theme:
      css/style.css: {}
  js:
    bootstrap/assets/javascripts/bootstrap/affix.js: {}
    bootstrap/assets/javascripts/bootstrap/alert.js: {}
    bootstrap/assets/javascripts/bootstrap/button.js: {}
    bootstrap/assets/javascripts/bootstrap/carousel.js: {}
    bootstrap/assets/javascripts/bootstrap/collapse.js: {}
    bootstrap/assets/javascripts/bootstrap/dropdown.js: {}
    bootstrap/assets/javascripts/bootstrap/modal.js: {}
    bootstrap/assets/javascripts/bootstrap/tooltip.js: {}
    bootstrap/assets/javascripts/bootstrap/popover.js: {}
    bootstrap/assets/javascripts/bootstrap/scrollspy.js: {}
    bootstrap/assets/javascripts/bootstrap/tab.js: {}
    bootstrap/assets/javascripts/bootstrap/transition.js: {}

info.yml

core: 8.x
type: theme
base theme: bootstrap

name: 'horizon'
description: 'Uses the Bootstrap framework Sass source files and must be compiled (not for beginners).'
package: 'Bootstrap'

libraries:
  - 'horizon/global-styling'

regions:
  navigation: 'Navigation'
  navigation_collapsible: 'Navigation (Collapsible)'
  header: 'Header'
  left_sidebar: Left Sidebar
  highlighted: 'Highlighted'
  help: 'Help'
  main_content: 'Content'
  sidebar_first: 'Primary'
  sidebar_second: 'Secondary'
  footer: 'Footer'
  page_top: 'Page top'
  page_bottom: 'Page bottom'

libraries-extend:
  bootstrap/framework:
    - horizon/framework

Answer 1

我看到两个选择。

创建库时，仅创建引用。您需要指定一个地方来使用此引用。如果这是您的主题，建议您在theme.info.yml中add it。
您是否清除了缓存？如果您不这样做，则参考不会被更新。我认为这很可能是您的问题。

Answer 2

我不确定为什么取消选中复选框，但是取消选中后它显示我的custom.css样式。我知道这是为了提高压缩CSS和JS的网站性能。配置>>开发>>性能>>未选中聚合CSS文件聚合JavaScript文件

Answer 3

我认为您已经在config>development>performance页面上选中了css / js聚合功能。

但是，如果启用了聚合功能，那么所有自定义CSS / JS和Drupal核心CSS / JS都应包装成最少的文件，并且您甚至看不到直接带有style.css或任何js文件名称的CSS / JS文件。

Drupal 8 libraires不在视图源中显示style.css吗？

3 个答案: