vue.js 프로젝트를 패키징하는 방법

vue.js 프로젝트 패키징 방법: 먼저 "webpack.dev.conf.js" 파일을 연 다음 빌드 아래의 자산PublicPath를 수정하고 마지막으로 터미널에서 "npm run build" 명령을 실행합니다.

이 튜토리얼의 운영 환경: windows7 시스템, webstorm2017.1.4&&vue2.0 버전, Dell G3 컴퓨터.

권장: vue tutorial

vue 프로젝트 패키징 단계

vue 프로젝트 패키징

1. 터미널 실행 명령 npm run build

2. 성공적인 패키징 및 프로젝트 변경의 징후는 다음과 같습니다. 아래 ：

3. index.html을 클릭하고 브라우저를 통해 실행하면 그림과 같이 다음과 같은 오류 메시지가 나타납니다.

4. 그러면 어떻게 해야 합니까? 수정될까?
구체적인 단계는 다음과 같습니다.
1. package.js 파일의 scripts 명령을 확인합니다.
2. webpack.dev.conf.js 파일을 열고 publicPath: config.dev.assetsPublicPath를 찾은 다음 Ctrl을 누르고 클릭하여 index.js 파일로 이동
3. dev는 개발 환경이고 build는 빌드 버전입니다. build 아래에assessPublicPath: '/'를 찾은 다음 AssetPublicPath: './'로 변경합니다. 즉, 앞에 점을 추가합니다. "/".
4. 터미널에서 npm run build를 실행하세요.

이때 index.html을 클릭하여 브라우저를 통해 실행해 보면 동적으로 바인딩된 정적 이미지를 찾을 수 없으므로 static은 절대 경로를 사용해야 합니다. 이미지 경로를 절대 경로로 변경하면 패키징이 완료됩니다.

위 내용은 vue.js 프로젝트를 패키징하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!