vue-cli 패키징 및 출시의 전체 단계 분석

이번에는 vue-cli 패키징과 온라인의 전체 단계 분석을 가져오겠습니다. vue-cli 패키징과 온라인의 주의 사항은 무엇입니까?

vue에서 만든 공식 예제를 예로 들면, 환경을 개발할 때 npm을 실행하여

을 생성하고 이를 하나로 패키징하는 것은 매우 간단합니다 이 명령 npm run build .

이 두 명령.

구성 파일config의 index.js에서 하나는 build이고 다른 하나는 dev입니다. 패키지된 결과를 로컬에서 보려면 AssetPublicPath에서 해당 경로를 변경해야 합니다. index.html에서 소개한 파일을 보실 수 있습니다.

경로 뒤에 해당 파일을 서버에 올려놓고 실행하시면 됩니다.

*

공통 팁

1. config -> index.js의 빌드 코드에서 ProductionSourceMap 값을 false로 설정하면 패키징 후 파일 크기가 80% 정도 줄어들 수 있습니다

2. 빌드 폴더 아래 webpack.prod.conf.js에 있는 HtmlWebpackPlugin 플러그인 구성 매개변수에

hash: true를 추가하면 패키지되고 생성된 index.html의 js 및 css 경로에 다음이 포함됩니까? + 버전 관리인 Random string

이 글의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 글을 주목하세요!

추천 자료:

mpvue 애플릿의 마크다운 적응을 구현하는 방법

vue2.0 입력 상자의 실시간 검색 및 업데이트를 구현하는 단계에 대한 자세한 설명

위 내용은 vue-cli 패키징 및 출시의 전체 단계 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!