Vue 3 : Tree shaking

// 모든 배열 유틸리티들을 가져온다.
import arrayUtils from "array-utils";

 

 

Since we are only using the object , string , boolean and number methods of yup, We use destructuring so that when we build our application, the parts of the library that we are not using can be removed from the bundle and we can save on some bundle size — this is known as tree-shaking.
object , string , boolean 및 number 메소드만 사용하고 있으므로 애플리케이션을 빌드할 때 사용하지 않는 라이브러리 부분을 번들에서 제거하고 다음 작업을 수행할 수 있도록 destructuring 를 사용하여 . 일부 번들 크기를 절약할 수 있다.. 이를 트리 쉐이킹이라고 한다.

 

// 유틸의 일부만 가져온다.
import { unique, implode, explode } from "array-utils";

// object, string, number, boolean 만 가져온더
import { object, string, number, boolean } from 'yup'

 

 

 

https://github.com/pidokige02/validating-vue3-forms-demo

GitHub - pidokige02/validating-vue3-forms-demo