3

に組み込まれている CSS モジュールのサポートは非​​常にwebpackシンプルに見えます: requireCSSimportファイルと webpack は、次の 2 つのことを行うコードを生成するだけです。

  • 生成された CSS を Web ページに挿入します
  • 使用するクラス名の辞書を返します。

また、使用方法も非常に簡単です。

import styles from "./style.css";
element.innerHTML = '<div class="' + styles.className + '">';

別の CSS モジュールの実装であるプラグインをテストしたいと思います。PostCSSこれは、他のPostCSSプラグイン、特にautoprefixer. しかし、公式ドキュメントによると、 CSS モジュールとはpostcss-modules動作が大きく異なるようです。webpackドキュメントには使用例がなく、生成するいくつかのコールバック コードのみがありますJSON。上記のサンプルコードと同じ目標を達成するために実際に使用されている例はありますか?

4

2 に答える 2

0

post-css プラグインの次の使用法を確認できます。彼らは post-css を css-loader の代わりとしてではなく、それを補完するものとして使用しています。

99行目を見てください。最初のローダーとして呼び出されるcss後の関数を作成します。与えられた例はscss用ですが、cssに変更できます。この場合、css を前処理した後、他のローダーを呼び出します。

于 2016-01-26T09:15:57.100 に答える