どのように私は反応する（rails5 + webpacker）

Question

例レポhttps://github.com/github0013/typescript_react

+ typescriptです内のURLローダによってbase64文字列の画像を読み込むことができます私は、タグに埋め込まbase64文字列にイメージをロードする必要がありますが、画像ファイルをしますインポートこのエラーを発生させます。

TS2307： './Octocat.jpg'モジュールが見つかりません。

https://github.com/github0013/typescript_react/commit/6670f3ca74404007ad1ed6e4ab0d111f547ee75d

私は、まだWebPACKの活字体に新しいですと反応し、そして私は、私は混乱しtypescriptですのimportだとのWebPACKの確信しています。

画像にurl-loaderを有効にするにはどうすればよいですか？これも有効ですか？ https://github.com/github0013/typescript_react/blob/master/config/webpack/environment.js

から
私はrequireを試しましたが、それはただのbase64 stirngの代わりに画像のパスを返します。解決

// global.d.ts 
declare function require(string): string; 

Answer 1

..

webpacker 3.0.2がすでにRailsのconfig/webpack/environment.js内の画像ファイル https://github.com/rails/webpacker/tree/v3.0.2/package/loaders https://github.com/rails/webpacker/blob/v3.0.2/package/loaders/file.js

environment.loaders、ローダーを持っていた、ただのマップで、jpeg png gifはfileローダーに含まれています。その後、 https://github.com/github0013/typescript_react/commit/dc97c3aa9f17bc4f3b0210a426aac27092c5ae7f#diff-41713e6b116dc5cc2bbea556a85db322R3

ので、オーバーライドファイルローダのテスト、独自の画像ローダーはローダーを追加した後jpeg png gif https://github.com/github0013/typescript_react/commit/dc97c3aa9f17bc4f3b0210a426aac27092c5ae7f

ためurl-loaderを使用します追加、typescriptですにおける通常の画像requireはbase64文字列を返します。