vue crane

vue-crane(관리되지 않음)

대규모 프로젝트를 처리하기 위한 범용, 모듈식, 다중 페이지, 풀 스택 Vue 상용구입니다. Node.js, Express, PM2, Lerna, Webpack, Babel, Vue.js, Element, PostCSS를 기반으로 합니다.

특징

• UI 유틸리티로서의 element-ui .
• lint-staged 사용하여 사전 커밋 후크에서 prettier 와 ESlint 결합합니다. 코드 베이스에 똥 코드가 들어가는 것에 대해 걱정하지 마세요.
• pm2 생산 프로세스 관리자입니다.
• CORS 오류를 방지하기 위한 원격 서버 API 프록시용 http-proxy-middleware .
• webpack dll 사용하여 빌드 시간 성능을 향상시키세요.
• cli를 통해 dynamic webpack entry 지원합니다.
• 하나의 프로젝트에서 여러 프로젝트를 관리하는 lerna .
• 차세대 CSS 전처리기를 위한 postcss .
• 하나의 express 서버에 개발 및 프로덕션 서버를 결합합니다.
• winston 로거 시스템으로 사용합니다.
• Express 라우터 사용자 정의를 지원합니다.
• 배포용 번들 프로젝트를 자동으로 생성합니다.

시작하기

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

동적 웹팩 항목

거대한 프로젝트의 개발 기간 동안. 전체 프로젝트를 빌드하는 것보다 webpack에서 필요한 파일을 빌드하는 것이 훨씬 더 괜찮습니다. vue-crane은 cli를 입구로 사용하여 사용자가 개발할 모듈을 선택할 수 있도록 합니다.

서버측 개발

nodemon 사용하여 핫 리로드로 로컬 프로덕션 서버를 시작합니다.

$ npm install
$ npm run build
$ npm run local 

생산

vue-crane에는 3 프로덕션 환경이 있습니다.

• Test 환경
• Pre-Release 환경
• Release 환경

각 환경에는 고유한 시작 스크립트가 있습니다.

테스트 환경:

$ npm run stage

시험판 환경:

$ npm run pre

릴리스 환경:

$ npm run release

전개

vue-crane은 배포를 위해 vue-crane-bundle이라는 번들 프로젝트를 사용합니다. 새 버전을 반복하고 싶을 때마다 간단히 쉘 스크립트를 실행하면 됩니다. 모든 내용은 번들 프로젝트에서 해결됩니다. 배포에 번들 프로젝트를 사용하면 세 가지 이점이 있습니다.

• 다양한 환경에서 서버 종속성의 일관성을 유지합니다.
• 오류가 발생한 동안 이전 버전으로 빠르게 롤백됩니다.
• 필요한 파일만 온라인 프로덕션 서버에 배포하세요.

배포 단계

1. 번들 프로젝트로 빈 git 저장소를 만듭니다. Git 저장소 호스팅 서비스에 원격 URL을 추가하세요. 번들 프로젝트가 소스 프로젝트와 동일한 폴더 수준에 있는지 확인하십시오.

2. package.json 에서 번들 스크립트를 편집합니다. 제공하려면 source_project , bundle_project , release_branch 세 가지 매개변수가 필요합니다.

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. 번들 스크립트를 실행합니다.

$ npm run bundle

특허

MIT 라이센스(MIT). 자세한 내용은 라이센스 파일을 참조하십시오.