2

単一ページの Web アプリケーションを開発しました。

問題は、画像ファイルのパスが絶対的な方法で定義されていることです。

したがって、これらのパスに「./public」を追加しようとしました。これは、イメージ ファイルがパブリック フォルダーの下にあることを意味します。 )

[ex) scssファイルに書かれているurl('/image/headers/picture.png')=> bundle.jsにトランスパイルされたurl('./public/image/headers/picture.png')ファイル]

次のように file-loader または url-loader を webpack.configure ファイルに使用すると、簡単に解決できると思いました。

output:{
    publicPath:'./public'
}
module:{
    loaders:[
        {test:/\.(|png|gif)$/,loader:'file-loader'}
    ]
}

しかし、bundle.js ファイルを開いたときに、元のイメージ パスに publicPath が追加されません。resolve-url-loader を使用しようとしましたが、相対パスの同様のケースのみです。

ご清聴ありがとうございました。私は webpack を初めて使用します。私は他の同様の質問を見ましたが運が悪かったので、これが尋ねられたように感じたら申し訳ありません

4

0 に答える 0