2017-01-27 9 views
-2

私はgithubの反応プロジェクトを模索していました。webpackへの重要な静的ファイル

私はそれはWebPACKののfile-loaderを使用しています、11行から始まるapp.js

import 'file?name=[name].[ext]!../manifest.json'; 
import 'file?name=[name].[ext]!../.htaccess'; 
import 'file?name=[name].[ext]!../favicon.ico'; 
import 'file?name=[name].[ext]!../favicon.png'; 

https://github.com/mxstbr/login-flow/blob/master/js/app.js

+0

あなたはそれを理解するために何かしましたか?例えば。いくつかの文書を検索して読みましたか?はいの場合、まだ不明な点は何ですか?そうでない場合は、どうしてですか? –

+0

@FelixKling私はそれがes6かwebpackの一部かどうかわかりません。私はあなたが 'react 'から' React 'をインポートできることを知っているだけです –

+5

間違いなくwebpackです。 ES6は実際にはモジュール識別子の構造を定義していません。私。文字列の中にあるものは、* module loader *(この場合はwebpack)までです。表示されているのは、webpackのファイルローダーです(https://github.com/webpack-contrib/file-loader)。 –

答えて

0

をこれらを理解していません。

file-loaderは、通常、ファイルをそのままロードします。その後、Webpackの出力に<md5hash>.<extension>と入力します。クエリ文字列パラメータとしてにname=[name].[ext]を指定すると、出力ファイル名は元のファイル名と同じになります。

これは、ファイルをWebpackの出力にコピーし、ファイル名を含めて何も変更しないことを保証する方法です。

関連する問題