2

我在最新的 Roots/Sage 10 上构建了一个项目。

bud.config.js当我从 sage master 分支克隆时，我没有修改并保留它。

现在我正在尝试通过将其添加到以下内容来添加自定义字体app.css：

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.ttf?yh9ob") format("truetype"),
    url("../fonts/iconfont.woff?yh9ob") format("woff"),
    url("../fonts/iconfont.svg?yh9ob#baltimore") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

我将字体文件添加到resources/fonts文件夹中。

文件夹结构：

- resources
|- fonts
|---- iconfont.svg
|---- iconfont.ttf
|---- iconfont.woff
|- images
|- scripts
|- styles
|---- app.css
...

当我运行时npm run build，它会生成资产文件。但是字体文件没有在网站上加载。而且当我检查app.[hash].css公用文件夹中编译的内容时，我找不到任何类似于@font-face.... 我在芽构建日志的末尾看到了这一点：

⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map
⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map

当我运行时npm run dev，它会显示相同的消息，然后就挂在那里。资产甚至不会在除manifest.json.

% npm run dev

> dev
> bud dev

⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map
⚠ Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
  webpack or the upstream loader did not supply a source-map

同样，我没有自己配置任何东西，我只有从 sage repo 的最新提交中提取的内容。

sage 默认设置无法处理这种简单的样式添加，这有点令人沮丧。

有谁知道我是否必须为自定义字体定义配置任何东西？

目前，root/sage10 文档非常薄，我无法找到我需要的东西。

寻求帮助！

提前致谢...

4

1 回答 1

0

问题在 Bud 5.1.0 中得到解决。

请参阅此提交https://github.com/roots/sage/commit/c03663602280a5e5bb9caa5c1c4c4b37a40c7395

于 2022-01-20T11:00:30.200 回答