問題タブ [serving]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 提供中およびwebpackでビルドした後に絶対URLでアセットを利用できるようにする方法は?
次の出力プロジェクト構造があります。
そして、次のソース プロジェクト構造:
そして、次の webpack 構成:
img/...問題は、私の画像のURL がすべてindex.html. から始まる絶対 URL に変更する/と、問題は解決すると思いますが、その方法がわかりません。ローダーの名前オプションの前に を付けると/、画像にまったくアクセスできなくなります。
たとえば、これは私が内部に画像を必要とする方法ですsrc/components/Portfolio/Masttech/template.pug:それを提供している間、ページがフォルダーにある間フォルダーがルートにあるため、出力ディレクトリからアクセスできないようimg(src=require('./img/pic__structure.png')
に変換されます。img/pic__structure.7b94b5f.pngimgimgportfolio/masttech