>웹 프론트엔드 >JS 튜토리얼 >vue-cli 패키징 및 온라인 단계에 대한 자세한 설명

vue-cli 패키징 및 온라인 단계에 대한 자세한 설명

php中世界最好的语言
php中世界最好的语言원래의
2018-05-12 10:14:371202검색

이번에는 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 중국어 웹사이트의 다른 관련 글을 주목하세요!

추천 자료:

php는 컬을 사용하여 소스 IP를 숨기고 덮습니다

PHP 공유 메모리 사용 및 신호 제어 사용에 대한 자세한 설명

위 내용은 vue-cli 패키징 및 온라인 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.