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

131 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
254 参照

css-loader - コードでさらに使用するためにスタイルをインポートする

css スタイルシートを HTML ページに適用しようとしているだけでなく、それを JavaScript コードの文字列として取得しようとしています (スタイルシートをユーザーに表示したい)。と を使用css-loaderしてstyle-loaderいます。以下は、webpack 構成ファイルのスニペットです。

この構成を使用すると、スタイルが HTML ページに適用されますが、コード内の文字列として取得できません。空のconsole.log(style.toString())オブジェクト[object Object]が表示されます。Object.keys(style)を与えるので、それは空です[ ]。app.jsファイルは次のとおりです。

をコメントアウトする{ loader: 'style-loader'}と、コンソールはスタイルシートを出力しますが、スタイルは HTML ページに適用されません。この場合のconsole.log(style.toString())出力は次のとおりです。

何かアドバイス？

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

webpack - ローダーは時系列でコンパイルされません

ドキュメントから：

一連のローダーが時系列にコンパイルされます。一連のローダーの最初のローダーは、次のローダーに値を返します。

たとえば、次の webpack 構成を見てみましょう。

docs によると、style-loader最初に実行され、次に出力がパイプされますcss-loader（時系列のため）。しかし、それはそれがどのように機能するかではありません。実際css-loaderには、最初にスタイルシートをロードし、結果をパイプstyle-loaderして、html ページに追加します。

ローダーの順序を変更すると、ビルド時にエラーが発生します。

エラー：

私は何が欠けていますか？時系列を正しく理解していないのでしょうか?


12345678910