vue 3 build + webpack으로 인한 JavaScript 힙 메모리 부족 문제 해결

Question

내 로컬 빌드 환경에는 웹팩 구성이 있는 기본 디렉터리에 일부 디렉터리가 있습니다. 이러한 디렉터리에는 꽤 많은 파일(디버깅 환경의 일부인 다른 응용 프로그램)이 포함되어 있습니다.

으아악

exclude 来排除 dir1 和 dir2를 사용했지만 도움이 되지 않았습니다. 이 디렉터리를 완전히 삭제하면 빌드가 완료됩니다. 따라서 모든 메모리를 소비하는 모든 것은 "제외" 규칙이 적용되기 전에 실행되는 것처럼 보입니다. 나는 노드의 메모리 제한을 늘리는 데 관심이 없으며 그것이 실제 문제라고 생각하지 않습니다. 나는 논리적인 파일 링크로 마술을 부리고 싶지 않습니다.

어떤 아이디어가 있나요?

실제로는 vue-loader 플러그인에 문제가 있는 것으로 의심되지만 webpack에서 "verbose" 플래그를 사용해도 덤프 이외의 오류는 표시되지 않기 때문에 확신할 수 없습니다.

아래는 내 웹팩 구성입니다(Grunt를 사용하여 빌드를 시작합니다). exclude 和 include 포함(포함)할 파일 또는 제외(제외) 디렉터리의 절대 경로입니다. 또한 정규식 제외를 사용해 보았습니다.

package.json의 관련 부분도 추가했습니다

으아악 으아악

오류:

node_modules/
src/
src/components
dir1/
dir2/
webpack.config.js
packages.json

Answer 1

파일이 너무 많거나 파일이 너무 큽니다. 당신이 할 수 있는 유일한 일은 node 标志 --max-old-space-size를 사용하여 메모리 할당량을 늘리는 것입니다.

Webpack을 실행하기 전에 환경 변수를 사용하여 메모리 옵션을 설정하세요.

으아아아

그런 다음 webpack 명령을 실행하세요. 또는 다음을 사용할 수 있습니다.

으아아아