2017-12-26 8 views
3

私はreact-draft-wysiwygモジュールを使用しようとしていますが、モジュールに関連付けられたインポートされたスタイルは利用されていません。私は、インポートされたCSSがハッシュにロードされているのに対し、モジュール内の要素のクラス属性はそうではないと考えています。反応-ドラフトWYSIWYGのCSSファイルを無視するクラス名をハッシュするように反応する - ドラフト - WYSIWYGのクラスをノードモジュールをロードするためにisomorphic-style-loaderを設定するにはどうしたらいいですか?

  • 変換、または
  • スタイルローダーを持っている:ケースであること、私はどちらかをできること

私が試したことのいくつかのは、次のとおりです。メインのインポートされたCSSファイル内

  • import draftcss from 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; ... export default withStyles(s, draftcss)(Layout);

  • @import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

  • が反応し、ドラフトwysiwyg.cssのインポート親ルートのindex.jsファイルから
+0

これは試しましたか? https://github.com/webpack-contrib/css-loader – Sudheer

+0

@Sudheer私はcss-loaderを持っており、それはすべてのCSSファイルに影響しています。私はどちらかのファイルをcss-loaderから免除するか、私が使用しているノードモジュールに新しいクラス名を探すかどうかはわかりません。 – AstroBoogie

答えて

3

issue raised in Github about this problemがあります。

唯一の解決策は、プラグインのすべてのCSSコンテンツをローカルの.cssファイルにコピーし、メインのcssファイルにインポートすることです。

プラグインのCSSコンテンツがありますnode_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css

+0

@AstroBoogie、あなたがGitHubの問題についてコメントしたことがわかりました。私はちょうどあなたもこれを試したことを確認したかった。この質問からは明らかではなかった。 –

+0

私はこれを成功させずに試しました。ローカルの.cssがインポートされているにもかかわらず、それはまだcss-loaderによってハッシュされていると思います。 – AstroBoogie

関連する問題