frontend starter
v1
프로젝트 템플릿은 정적 사이트를 빠르게 구축하는 방법입니다. 하나의 명령으로 WebPack, Gulp, HandleBars.js 및 SCSS를 사용하여 정적 페이지를 작성하십시오.
[ES6]
터미널에서 하나의 명령이 포함되어 있습니다.
yarn startnpm install -g gulp # May require `sudo` yarn install # One time
gulp serve다음 프로젝트 에이 Repo를 사용하려면 다음을 변경하십시오.
data.yml 편집하고 사이트와 관련된 HTML 메타 데이터를 채우십시오.package.json name , version , description , license 및 repository.url 제공합니다..git 폴더를 제거하십시오.README.md 선호도로 편집하십시오. 사용 가능한 Gulp 명령 개요 :
gulp build 사이트를 dist Directory로 빌드합니다. 여기에는 다음이 포함됩니다.
gulp build:optimized 이는 최적화 된 사이트의 사이트 (배포 용)를 배포하는 데 사용됩니다. gulp build 의 모든 것과 다음과 같은 모든 것이 포함됩니다.
gulp watch 로컬 파일의 변경 사항을 시청하고 필요에 따라 사이트의 일부를 dist 디렉토리로 재구성합니다.
gulp serve gulp watch 백그라운드에서 실행하고 BrowserSync를 사용하여 자동 재 장전과 함께 localhost:3000 에서 dist Directory를 제공합니다.
├── webpack.config.dev.js # Controls javascript and css bundling
├── Gulpfile.js # Controls Gulp, used for building the website
├── README.md # This file
├── data.yml # Metadata associated with the site.
├── dist/ # Gulp builds the static site into this directory
├── package.json # Dependencies
└── src/ # All source code
├── assets/
├── css/ # Stylesheets
├── font/ # Font files
├── img/ # Images and SVGs
├── js/ # Javascript libraries and scripts
├── views/
├── partials/ # Handlebars HTML partials that are included / extended
└── templates/ # Handlebars HTML files, one per page on the site.
