assets vs static

assets

assets 폴더는 주로 css, style 등 리소스들이 위치한다. 이 디렉토리에 담긴 리소스는 빌드 시 Webpack이 처리한다. 파일 경로를 읽는 것이 아니라 파일을 문자열로 인코딩하여 코드에 삽입하는 방식이다.
파일의 크기가 크다면 인코딩할 때 길이가 길어져 효율성이 떨어지는 단점이 있다.

static

static 폴더는 이미지, 폰트와 같은 정적 리소스들이 위치하게 된다. 이 디렉토리에 담긴 리소스는 Webpack을 거치지 않고 빌드 결과물 디렉터리인 dist 디렉터리로 옮겨진다.