더 이상 고민하지 않고 건조 제품으로 바로 갑시다.
1단계: hbuilder를 사용하여 새 프로젝트 생성
2부: CLI를 통해 새 프로젝트 만들기
명령 만들기:
vue create -p dcloudio/uni-preset-vue uniapp
생성에 성공한 후 시작이 실패하면 프로젝트를 먼저 실행하십시오.
오류: ' webpack /lib/RuleSet' 모듈을 찾을 수 없습니다.
1. cli 버전 낮추기
npm uninstall -g @vue/cli
npm install -g @vue/[email protected]
2. 노드 버전 줄이기
우리는 hb의 프로젝트를 기반으로 사용합니다.
주제로 돌아가서 hb 프로젝트를 기본으로 사용하고,
1단계: 새 src 폴더를 만들고 다음 파일을 src 폴더에 넣습니다.
2단계: hb 프로젝트에서 src를 제외한 모든 파일 삭제
3단계: cli 프로젝트에 다음 파일 복사
4단계: 복사한 package.json 파일에 hb 프로젝트의 package.json 파일에 있는 종속 항목의 종속 항목을 추가하고 devDependencies에 "node-sass": "^4.14.1"을 추가합니다.
가져온 후 파일 디렉토리 구조는 다음과 같습니다.
5단계: npm 설치
6단계: npm run dev로 프로젝트 실행
7단계: npm 실행 빌드를 통해 프로젝트 패키징
빌드에서 빌드는 test와 prod로 구분할 수 있으며,
UNI_OUTPUT_DIR을 통해 패키징 후 생성되는 파일명과 경로를 설정할 수 있다.
UNI_OUTPUT_DIR=dist/build/h5_prod
8단계: 성공적인 패키징 후 파일 위치