Webpack 동적 가져 오기 표현이 작동하지 않습니다.

webpack과 반응하고 있습니다.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

어떻게 동적으로 메모리 오류에서 힙을받지 않고, 웹팩을 사용하여 모든 SVGs를 가져올 수 있습니까?

출처

2017-10-01 speedDeveloper

이 스레드를 참조하십시오 솔루션입니다하지만 난 정말 권장되는 방법은 아니다 생각 – speedDeveloper

GitHub의 webpack 뒤에있는 팀에 문의 한 후 문제를 해결했습니다. 단서가 근무 있는지

node --max_old_space_size=8000 scripts/start.js

을 사용하는 것입니다, 나는 약 10 분 후에 프로세스를 중단하지 할 필요가 있었다. 이것을 빠르게하려면 webpack의 캐시 로더를 사용할 수 있습니다. 이렇게하면로드 시간이 1 분으로 단축됩니다.

Axios의 같은 라이브러리를 사용하여 공용 폴더에 SVGs을 넣어 문제 https://github.com/webpack/webpack/issues/5747

출처

2017-10-09 20:42:08 speedDeveloper

Webpack 동적 가져 오기 표현이 작동하지 않습니다.

답변

관련 문제