問題タブ [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.

0 投票する
1 に答える
5011 参照

javascript - webpack から依存関係ツリーを取得する方法はありますか?

js、scss、svg、png など、さまざまな種類の依存関係を含む大きなプロジェクトがあります。webpack が構成され、コードがバンドルされています。満足しています。

しかし、すべての依存関係 (バイナリとすべてのファイル形式を含む) のある種のハッシュを取得したいと考えています。そして最も重要なことは、この間にコードをビルドしたくないということです。この目的のために、たとえば、すべてのエントリ ポイント内のすべてのファイルの配列または少なくともある種の依存関係ツリーが必要です。

コンパイルフックを使用しようとしましfinishModulesたが、コンパイル後に完了します。コンパイラの他のフックもいくつか試しましたが、正確には覚えていません。

ローダーを書いてみましたが、デフォルトでは高レベルのファイル(エントリポイント自体など)のソースコードしかないようです。

私の問題を解決するための指示をいただければ幸いです。

0 投票する
1 に答える
487 参照

svg - インラインの使い方 tags in a React application with webpack

Webpack を使用して React アプリケーションをコンパイルすると、エラーが発生します。

You may need an appropriate loader to handle this file type. <svg

これは最初は簡単に解決できる問題のように思えますが、私の問題は、自分のユース ケースに一致する答えが見つからないことです。拡張子svgの付いたファイルからインポートしていません.svg

代わりに、私svgの s は React コンポーネントにあります。

例:

アイコン:

次のように使用します。

これを機能させる方法が見つかりません。大量の異なる svg ローダーをインストールし、webpack 構成に実装しましたが、実際のsvgファイルがないためにどれも機能していませんか?

これが私のwebpack.config

ありがとう