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...。そして、bud ビルド ログの最後に次のように表示されます。

⚠ 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 リポジトリの最新のコミットから取得したものしか持っていません。

sage のデフォルト設定がこの単純なスタイルの追加を処理していないのは少しイライラします。

カスタム フォント定義のために何かを構成する必要があるかどうかは誰にもわかりませんか?

現在、root/sage10 のドキュメントは非常に薄く、必要なものを探すことができません。

助けを求めています！

前もって感謝します...

4

1 に答える 1