웹팩 + VUE-CLI에서 포장 명령 기반 VUE 프로젝트는 NPM RUN 빌드 모든 관련 콘텐츠 항목을 포함하는 루트 디렉토리의 dist 폴더 생성 포장 완료, 대기 후.
참고 : 프로젝트의 파일 VUE의 초기화 웹팩 - 간단한 초기화를 포장 할 수 VUE의 초기화 웹팩 프로젝트에 의해 시작 VUE-CLI 프로젝트의 전체 버전을, 필요, 포장 할 수 없습니다. 다음 디렉토리 구조는
VUE 초기화 디렉토리 구조 웹팩 초기화, 포장 및 config 폴더 구성, 정적 저장 정적 파일을 구축 의존
빌드, 설정, 정적 폴더의 부족 VUE 초기화 디렉토리 구조 웹팩 - 간단한 초기화는 일반적으로 초보자에 사용
포장하는 동안 몇 가지 문제가 발생, 포장도 도움이 초보자 학생들을주고 기대하고있다.
1, 로컬 테스트 결과가 완료 팩 수, 단순히 폴더를 열려면 브라우저에서 열거 나 마우스 오른쪽 편집 도구를 두 번 클릭합니다.
이 지역이기 때문에이 빈 사이트를 연 후, 경로는 포장하기 전에 구성 할 필요가 없습니다
설정 /하는 index.js이있다 dev에 두 개의 매개 변수는 빌드 매개 변수 assetsPublicPath의 가치와 구축 '/' 수정 './' . 재 포장 한 다음 페이지를 새로 고칩니다.
CSS 배경 이미지 나 아이콘의 웹 사이트가로드되지 않는 경우 (3) 프로젝트를 연 후, 당신은 참조 경로를 구성해야
/, CTRL + F 검색에서 utils.js 구축 ExtractTextPlugin.extract을 .
4, 세 번째 세 가지 작업을하는 경우, 그리고 상대 경로로 같은 수준의 디렉토리와 파일 정적 정적 src 디렉토리를 의미,이 시간이 패키지는 파일 정적 디렉터리를 찾을 수 없습니다, 당신은 상대 경로 참조를 수정해야 절대 경로.
예를 들면 :
개질 전에 ../../static/ueditor을 수정 @ / ... / 정지 / ueditor를 .