Nuxt.js 정적 자원 과 패키지 작업

직접 그림 도입
저 희 는 인터넷 에서 그림 을 임의로 다운로드 하여 프로젝트 의 static 폴 더 아래 에 놓 은 다음 에 아래 의 도입 방법 으로 참조 할 수 있 습 니 다.

이때 npm run dev 에서 완전히 정상 입 니 다.그럼 포장 을 살 펴 보 겠 습 니 다.
정적 HTML 압축 및 실행
Nuxt.js 로 제작 이 완료 되면 정적 파일 로 포장 해서 서버 에 올 려 놓 고 실행 할 수 있 습 니 다.
터미널 에 입력:
npm run generate
그리고 dist 폴 더 에 live-server 를 입력 하면 됩 니 다.
요약:
Nuxt.js 프레임 워 크 는 매우 간단 합 니 다.대부분의 일 을 그 가 우 리 를 위해 해 주 었 기 때문에 우 리 는 그것 의 규칙 을 설치 해서 코드 를 작성 하기 만 하면 됩 니 다.
Nuxt.js 성능 최적화 이미지 로드
방법:
작은 그림 을 assets 폴 더 에 넣 으 면 웹 팩 을 통 해 file-loader 와 url-loader 처 리 를 통 해 base 64 로 변환 합 니 다.
***명심 하 세 요:큰 그림 은 역 효 과 를 낼 수 있 습 니 다!!!

이상 의 Nuxt.js 정적 자원 과 포장 작업 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.