2016-12-21 2 views
6

Webpackには、jsファイルを動的にロードするコードスプリットフェッチ(require.ensureまたはSystem.importを使用)があります。しかし、私はcssファイルを動的にロードする方法があるかどうかを知りたいですか?には、webpackでCSSファイルを動的にロードする手段はありません

私はCSSファイルを一度に読み込んでいる間に動的にjsファイルを読み込むので、それは奇妙です。

私のプロジェクトでは、自分のcssファイルを別々のエントリに作成し、extractTextPluginを使用して余分なCSSファイルとしてコンパイルします。そしてそれらをリンクタグにロードします。

答えて

1

CSSファイル(ExtractTextPlugin)ではなく、スタイルローダー(完全に問題ありません)が挿入されたJSからロードされます。

実行する方法はいくつかあります。 CSS/SASS/LESS /...-ローダーを正しく設定してください。 ExtractTextPluginがすでに動作していれば、その時点でうまくいきます。次に、ExtractTextPlugin.extract({})ローダーでfallbackLoaderstyle-loaderに設定されている(デフォルトではallChunksfalseに設定されている)ことを確認してください。

その時点で、コードの場合とまったく同じように、CSSファイルを要求/インポートするには、require.ensureまたはSystem.importを使用してください。 webpackの魔法のおかげで、物事は魔法のように動作します!

+0

動作しないようです。あなたは私に例を挙げることができますか? – Zero

+1

webpackはCSSファイルをコンパイルします。しかし、System.import( 'cssfile')はcssファイルをロードしません。 – Zero

+0

OK、私はそれを得た。私は何かを間違っているようだ。いずれにしても、今すぐ動作します。どうもありがとうございました – Zero

関連する問題