問題タブ [webpack-loader]
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 から依存関係ツリーを取得する方法はありますか?
js、scss、svg、png など、さまざまな種類の依存関係を含む大きなプロジェクトがあります。webpack が構成され、コードがバンドルされています。満足しています。
しかし、すべての依存関係 (バイナリとすべてのファイル形式を含む) のある種のハッシュを取得したいと考えています。そして最も重要なことは、この間にコードをビルドしたくないということです。この目的のために、たとえば、すべてのエントリ ポイント内のすべてのファイルの配列または少なくともある種の依存関係ツリーが必要です。
コンパイルフックを使用しようとしましfinishModules
たが、コンパイル後に完了します。コンパイラの他のフックもいくつか試しましたが、正確には覚えていません。
ローダーを書いてみましたが、デフォルトでは高レベルのファイル(エントリポイント自体など)のソースコードしかないようです。
私の問題を解決するための指示をいただければ幸いです。
svg - インラインの使い方
Webpack を使用して React アプリケーションをコンパイルすると、エラーが発生します。
You may need an appropriate loader to handle this file type. <svg
これは最初は簡単に解決できる問題のように思えますが、私の問題は、自分のユース ケースに一致する答えが見つからないことです。拡張子svg
の付いたファイルからインポートしていません.svg
代わりに、私svg
の s は React コンポーネントにあります。
例:
アイコン:
次のように使用します。
これを機能させる方法が見つかりません。大量の異なる svg ローダーをインストールし、webpack 構成に実装しましたが、実際のsvg
ファイルがないためにどれも機能していませんか?
これが私のwebpack.config
ありがとう