のWebPACK - ファイルローダー - 親ディレクトリ+異なる添えパス

こんばんは、のWebPACK - ファイルローダー - 親ディレクトリ+異なる添えパス

がassets/images/myimg.png（またはassets/fonts/myfont.woff）に位置する画像/フォントファイルを考える.....

私はWebPACKののfile-loaderを作成したいです）...

しかし、その名前が「ファイルの配信済みアセットパス」の一部であることは望ましくありません。

とnameというオプションを使用すると、このファイルは"../priv/static/fonts/[name]-[hash].[ext]"のようになり、ファイルシステムの正しい場所に配置されます。

しかし、CSSから参照されるとき、ブラウザが探している完全なパスはhttp://mysite.dev/priv/static/fonts/myfile-fee66e712a8a08eef5805a46892932ad.woffです。私のWebサーバーはpriv/staticの静的ファイルを提供しているので、要求されたパスはhttp://mysite.dev/fonts/myfile-fee66e712a8a08eef5805a46892932ad.woffのようになります。

私はソースコントロールにassets/imagesとassets/fontsをコミットしています。そのため、すべてのハッシュファイルがそのディレクトリに入ることは望ましくありません。

ご協力いただければ幸いです。

出典

2017-03-27 Brandon

は、あなただけの '/フォントのようなあなたのサーバーに起こっているのビルドのために別のパスを、割り当てることができません/ [名前] - [ハッシュ]。[ext] '？ – Doodlebot

@Doodlebot私のウェブサーバを別のディレクトリから提供するように設定していることを意味しますか？私はそれが要求されるべきではないと感じる...！ – Brandon

最初のリードスルーで問題を完全に理解していない可能性があります。したがって、主な問題は、サーバリクエストのパスが 'http：// mysite.dev/fonts/file.woff'ですが、あなたのCSSはまだ' http://mysite.dev/priv/static/fonts/file 'を探しています。 woff'を使用し、webpackにcssにサーバーのパスを使用させたいのですか？ – Doodlebot

ファイルローダーのドキュメントを見ると、パブリックパスのパラメータが必要なように見えますが、詳細はわかりません。 https://github.com/webpack-contrib/file-loader#filename-templates

ここでは、Githubについても同様の問題について説明します。 https://github.com/webpack-contrib/file-loader/issues/32#issuecomment-250622904

私はあなたがこのような何かを行うことができるはずだと思う：

../priv/static/fonts/[name]-[hash].[ext]&publicPath=/fonts/

出典

2017-03-27 16:23:12 Doodlebot

ご協力ありがとうございます。私もこれを見つけました。公共の道は私のために本当にうまくいっていませんでした。 'output.path'に相対パスを持たせても、実際にはうまく動かないことが分かります。私はその設定（そしてpublicPathを含む）を調整したので、 'file-loader'が今度は期待どおりに動作するように見えます。おそらくここで遭遇する人は、 'output.path'で相対パスで始まっていないでしょうから、これを受け入れられたものとしてマークします。 – Brandon

のWebPACK - ファイルローダー - 親ディレクトリ+異なる添えパス

答えて

関連する問題