이번에는 cli를 이용한 새로운 webpack 템플릿 프로젝트를 가져오겠습니다. cli를 이용한 새로운 webpack 템플릿 프로젝트 생성 시 주의사항은 무엇인가요?
vuepress는 Youda가 4월 12일에 출시한 새로운 Vue 기반 정적 웹사이트 생성기입니다. 실제로는 문서 작성에 사용할 수 있는 웹팩이 내장된 Vue 스파 애플리케이션입니다. 최근에 일부 구성 요소에 대한 문서를 작성해야 해서 작업을 시작했는데, 결국 출시된 지 얼마 되지 않아 많은 어려움을 겪게 되었습니다. 같은 함정에 빠지면서 일부러 공사 과정을 기록해 봤습니다.
다음은 몇 가지 알려진 문제입니다
util.promisify는 node 8.0 이후에 도입되었기 때문에 저처럼 3시간을 낭비하고 싶지 않다면 node 버전을 확인하고 업데이트하세요
하지 않는 것이 좋습니다. 테스트를 위해 webpack-simple 템플릿을 사용하세요. 그렇지 않으면 다양한 방식으로 실행되지 않습니다. ╮(╯▽╰)╭
cli 템플릿을 사용하고 오류를 보고하는 경우 TypeError: Cannot read property 'vue' of undefed 때문입니다. vuepress 내장 웹팩의 vueloader가 사용하는 버전이 로컬 버전과 다릅니다. 로컬 버전을 최신 안정 버전으로 업데이트하세요
공식 문서 배포 설치 후 항상 404로 점프할 때 라우팅 해시 모드를 사용하여 access
포트 충돌 등의 문제가 발생하는 경우 docs 디렉터리에 새 .vuepress 폴더를 만든 다음 새 config 구성 파일을 만들어 prot 포트 항목을 구성하세요. 자세한 내용은 공식 문서를 참조하세요.
사용 시작
cli를 사용하여 새 웹팩 템플릿 프로젝트 만들기
//进入项目首先安装依赖 npm install //将vue-loader进行版本替换,使其和vuepress内置的webpack里的vue-loader保持一致,否则会报错(不过尤大大已经在解决版本冲突的问题了,版本待发) npm update vue-loader@15.0.0-rc.2 --save-dev //接下来安装vuepress npm install -D vuepress mkdir docs echo "# Hello VuePress!" > docs/README.md //最后一步启动vuepress ,进入docs目录,使用vuepress dev命令即可 cd docs vuepress dev //使用vuepress build即可完成对项目的打包 //接下来就是按照官方的文档,对你的网站进行各种创造啦
프로젝트 배포에는 github을 사용합니다. 구체적인 작업은 공식 문서를 참조하세요
이후에는 방법을 마스터하신 것 같습니다. 이 기사의 사례를 읽으십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 도서:
json 개체를 정렬하고 동일한 ID를 가진 데이터를 삭제하는 방법
위 내용은 cli 새 웹팩 템플릿 프로젝트 생성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!