をCSSを読み込むことができませんし、それはExtractTextPluginによってうまくバンドルされています!は、私は3つのローダー、バベル、CSSと私のWebPACKの設定を構成し、</p> <p>すべてが正常に動作しているファイルを、私はJSXにインポートすることができます私自身の作成したCSSファイルをファイルしましたJSXで正しく
私の問題は、たとえばブートストラップのようなサードパーティのモジュールでは、CSSを簡単にインポートできないということです。
import "./style/app.css" //works
import "bootstrap/dist/css/bootstrap.min.css" //crashes
import "css-loader!bootstrap/dist/css/bootstrap.min.css" //works
なぜサードパーティのモジュールでは、ローダーの設定を特定できないのですか?その理由のため、ExtractTextPluginによってエクスポートされていません。
私はこのようなapp.cssの内側にインポートしようとすると:それは正しくローダーによってインポートされます
@import url("~bootstrap/dist/css/bootstrap.min.css")
その方法。
もう1つの詳細は、ブートストラップCSSがいくつかの追加フォントを読み込むことです。 @importをインポートすると、ファイルローダーが期待通りに起動されます。
しかし、私がcss-loaderを使用しようとすると! JSXでは、CSSをインポートするがフォントを処理できないため、ファイルローダーが起動されていないため、部分的に機能します。
クラッシュ?どうやって?エラーメッセージ? –
こんにちは、CSSローダーなしでJSXでインポートしようとすると、エラーは次のようになります。エラー:./~/bootstrap/dist/css/bootstrap.min.css モジュール解析が失敗しました:/ Users/gquental/projects/react -redux-starter/node_modules/bootstrap/dist/css/bootstrap.min.css予期しないトークン(5:83) このファイルタイプを処理するには、適切なローダーが必要な場合があります。 | * Copyright 2011-2016 Twitter、Inc. –