웹 팩 을 사용 하여 vue 환경 을 구축 하 는 튜 토리 얼 상세 설명

1.node.js 를 설치 하고 홈 페이지 에서 다운로드 하 며 바로 다음 단계 에 완성 합 니 다.nodejs 에는 기본적으로 npm 환경 이 포함 되 어 있 습 니 다.국내 패키지 설치 속도 가 너무 느 리 니 cnpm 타 오 바 오 미 러 를 사용 하 는 것 을 권장 합 니 다.

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.vue-cli 구축 SPA 응용
설치 vue:npm install vue -gvue-cli 설치:npm install -g vue-cli웹 팩 을 사용 하여 간단 한 프로젝트 를 구축 합 니 다:vue init 웹 팩-simple demo 5;이 때 프로젝트 이름,설명,작성 자,저작권 허가(license),sas 사용 여 부 를 입력 하 게 합 니 다.이 때 vue 프로젝트 가 구축 되 었 습 니 다.

웹 팩 을 사용 하여 복잡 한 프로젝트 를 구축 합 니 다:vue init webpackdemo 6.이때 프로젝트 는 복잡 하 게 구 축 됩 니 다.

현재:cd demo 6
npm run dev 개발 환경 실행 가능
웹 팩 크로스 에이전트 사용 하기
프 록 시 를 사용 하면 로 컬 환경 에서 다른 서버 데 이 터 를 요청 할 수 있 습 니 다.
config 폴 더 아래 index.js 에서

다음 코드 를 수정 합 니 다.

이 때 로 컬 개발 환경 은 도 메 인 을 넘 어 다른 서버 의 데 이 터 를 요청 할 수 있 습 니 다.

총결산
위 에서 말 한 것 은 소 편 이 소개 한 웹 팩 을 이용 하여 vue 환경 을 구축 하 는 튜 토리 얼 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다!