Webpack動的インポート式が機能しない

Question

webpackと反応しています。

私はそこに何百ものSVGがあるフォルダを持っています。
私はwebpacks動的インポート構文を使用していますので、import('../images_svg/' + svgData.path + '.svg')悲しいことに、これは動作しません。また、私はsvg-inline-loaderを使用しています。

私は次の例外を取得する理由です：

<--- Last few GCs ---> 

    95733 ms: Mark-sweep 1301.0 (1434.6) -> 1303.2 (1434.6) MB, 61.8/0.0 ms [allocation failure] [scavenge might not succeed]. 
    95794 ms: Mark-sweep 1303.2 (1434.6) -> 1305.4 (1434.6) MB, 60.9/0.0 ms [allocation failure] [scavenge might not succeed]. 
    95856 ms: Mark-sweep 1305.4 (1434.6) -> 1312.2 (1418.6) MB, 62.3/0.0 ms [last resort gc]. 
    95922 ms: Mark-sweep 1312.2 (1418.6) -> 1319.1 (1418.6) MB, 65.9/0.0 ms [last resort gc]. 


<--- JS stacktrace ---> 

==== JS stack trace ========================================= 

Security context: 000001788583FA99 <JS Object> 
    1: stringify [native json.js:178] [pc=000002CFEA0A3CF7] (this=0000017885846091 <a JSON with map 0000010551613B91>,E=0000023A39E19981 <Very long string[11977826]>,F=0000017885804241 <undefined>,S=0000017885804241 <undefined>) 
    2: arguments adaptor frame: 1->3 
    3: /* anonymous */ [C:\Users\phili\Documents\Kunden\step1\app\node_modules\webpack\lib\EvalDevToolModuleTemplatePlugin.js:~17... 

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 

はどのようにして動的にメモリエラーのうち、ヒープを得ることなく、WebPACKのを使用して、すべてのSVGsをインポートすることができますか？

Answer 1

GitHubのwebpackの後ろのチームに連絡した後、私はこの問題を解決しました。手がかりは、それが働いたことを確認するために

node --max_old_space_size=8000 scripts/start.js

を使用することです、私は約10分待ってから、プロセスを中断しないために必要な。これをより速くするために、webpackのキャッシュローダーを使用できます。これにより、ローディング時間が1分に短縮されます。

axiosのようなライブラリを使用して、パブリックフォルダにSVGsを入れて問題https://github.com/webpack/webpack/issues/5747