2016-12-08 3 views
0

を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をインポートするがフォントを処理できないため、ファイルローダーが起動されていないため、部分的に機能します。

+0

クラッシュ?どうやって?エラーメッセージ? –

+0

こんにちは、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. –

答えて

0

私は解決策を見つけることができました!

問題はローダーで、node_modulesを指すインクルードプロパティを追加するのを忘れていました!

関連する問題