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 정적 자원 과 포장 작업 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Nuxt 구성 Element-UI 필요에 따라 도입Nuxt가create-nuxt-app을 사용하여 프로젝트를 만들 때 Element-UI를 기본 구성 요소 라이브러리로 선택하면 Nuxt가 Element-UI의 필요에 따라 설정을 도입하지 않고 스스로 설정해야 합니다...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
