2016-08-15 5 views
1

実行時にのjsonファイルを読んでみたいwebpackアプリがあります。Webpackの出力としてJSONファイルを含めますが、bundle.jsの一部ではありません

webpackでアプリケーションをパッケージ化した後、jsonファイルをbundle.jsから除外してパッケージフォルダに残しておきます。これどうやってするの?

+1

イメージを使用するのと同じです:http://stackoverflow.com/questions/27639005/how-to-copy-static-files-to-build-directory-with-webpack with file-loader。 –

答えて

2

file-loaderを使用すると、出力ファイルを指定できます。 webpackは実際にはすべてをバンドルしたいので、最もクリーンではありませんが、動作します。

require('file?name=../newfile.json!/somefolder/original.json'); 

上記では、webpack出力フォルダの上にnewfile.jsonというディレクトリが作成されます。

json *を再要求する場合は、webbook configの外部依存関係としてマークし、 `require( '../ newfile.json')を使用してください。

*私は、通常のajax呼び出しを使用してjsonをプルすることをお勧めします。そうすれば、jsonは外部であり、webpackのajaxシステムを経由する必要はありません。

+0

私はvar jsonData = require( '../ pageJSON/page.json');を使用しています。 コンソールにログすると、/aac68c8f2642e163fd998c4c012d0d14.json –

+1

という名前の部分が重要なビットです。これはwebpackに出力ファイルの名前を教えてくれます。 (それ以外の場合は、通常のローダーの出力のようにバンドルに含まれています) – Quotidian

+0

問題は、var jsonDataをjsonオブジェクトにしたいのですが、明らかにそのパスです。 –

関連する問題