참조: Laravel Mix 문서의 Vendor Extraction 소개: http://d.laravel-china.org/do...
애플리케이션의 JavaScript를 종속 라이브러리와 번들로 묶는 것의 한 가지 잠재적인 단점은 장기 캐싱이 더 어렵다는 것입니다. 예를 들어, 애플리케이션 코드를 별도로 업데이트하면 브라우저는 변경되지 않은 모든 종속 라이브러리를 다시 다운로드해야 합니다.
애플리케이션의 JavaScript를 자주 업데이트하려는 경우 모든 종속 라이브러리를 별도의 파일로 추출하는 것을 고려해야 합니다. 이렇게 하면 애플리케이션 코드에 대한 변경 사항이 Vendor.js 파일의 캐시에 영향을 주지 않습니다. Mix의 추출 방법을 사용하면 쉽습니다:
으아아아
extract 메소드는 Vendor.js 파일로 추출하려는 모든 종속 라이브러리 또는 모듈의 배열을 허용합니다. 위의 코드 조각을 예로 사용하면 Mix는 다음 파일을 생성합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
참조: Laravel Mix 문서의 Vendor Extraction 소개: http://d.laravel-china.org/do...
애플리케이션의 JavaScript를 종속 라이브러리와 번들로 묶는 것의 한 가지 잠재적인 단점은 장기 캐싱이 더 어렵다는 것입니다. 예를 들어, 애플리케이션 코드를 별도로 업데이트하면 브라우저는 변경되지 않은 모든 종속 라이브러리를 다시 다운로드해야 합니다.
애플리케이션의 JavaScript를 자주 업데이트하려는 경우 모든 종속 라이브러리를 별도의 파일로 추출하는 것을 고려해야 합니다. 이렇게 하면 애플리케이션 코드에 대한 변경 사항이 Vendor.js 파일의 캐시에 영향을 주지 않습니다. Mix의 추출 방법을 사용하면 쉽습니다:
으아아아extract 메소드는 Vendor.js 파일로 추출하려는 모든 종속 라이브러리 또는 모듈의 배열을 허용합니다. 위의 코드 조각을 예로 사용하면 Mix는 다음 파일을 생성합니다.
public/js/manifest.js: Webpack 디스플레이 런타임
public/js/vendor.js: 종속 라이브러리
public/js/app.js: 애플리케이션 코드
JavaScript 오류를 방지하려면 다음 파일을 올바른 순서로 로드해야 합니다.
으아아아