时间戳

首页 > 解决方案 > 通过资产管道生成的空 CSS 文件

asset-pipeline - 通过资产管道生成的空 CSS 文件

问题描述

问题：

我有一个非常标准设置的 Hugo 网站。它使用资产管道来处理 SASS。它导入 bootstrap、font-awesome，并且还使用resources.ExecuteAsTemplate（请查看 main.css 文件）。CSS 资源正在正确生成（我检查resources/_gen/assets/scss/sass过），但.css公共目录中的文件是一个空文件。我无法在代码中找到任何问题。请参阅此处的代码，此处的站点。我尝试使用相同的文件和文件创建一个新项目，它生成了 CSS 资源，并将它们正确地放在公共目录中。head.html.scss

附加信息：

  1. 相关文件： head.html main.scss

  2. 目前，我没有使用 PostCSS；只需创建配置文件。解决空 .css 文件问题后，将替换minify为postCSShead.html 中的第 13 行。

  3. 输出hugo version： Hugo Static Site Generator v0.57.2-A849CB2D/extended linux/amd64 BuildDate: 2019-08-17T17:57:54Z

如果需要，我很乐意提供任何其他信息。请帮忙！

标签： asset-pipelinehugo

解决方案

在head.html文件中，链接标记为：

<link rel="stylesheet" integrity="{{ $css.Data.Integrity }}" href="{{ $css.Permalink }}">

使用以下内容更改链接标签：

<link rel="stylesheet" href="{{ $css.Permalink }}" integrity="{{ $css.Data.Integrity }}">

解决了这个问题。

似乎 Hugo 要求用户首先调用.Permalink资产，然后才调用其他相关的函数或变量。

在此处查看有关 Hugo Discourse 的相关讨论。

推荐阅读