You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
kmj1996
ea3bfe5957
|
3 years ago | |
---|---|---|
dist | 3 years ago | |
src | 3 years ago | |
.gitignore | 5 years ago | |
README.md | 5 years ago | |
gulpfile.js | 4 years ago | |
package.json | 4 years ago | |
source.info.json | 5 years ago | |
yarn.lock | 4 years ago |
README.md
publisingTemplate
초기 세팅
초기 세팅시 npm 또는 yarn 을 이용한 의존패키지 설치가 필요합니다.
다음의 명령어를 입력하여 의존패키지를 먼저 설치해 주세요.
npm install
또는
yarn install
※ 가급적 yarn 을 사용하길 권장합니다.
폴더 구조
+-- dist # 배포용 폴더
+-- src # 소스 폴더
| +-- html # HTML 소스 폴더
| | +-- include # HTML 소스에 Include 해서 사용할 파일들을 넣어놓는 폴더
| +-- js # Javascript 소스 폴더
| +-- scss # Sass 소스 폴더
| +-- icons # Sprite 소스 폴더
+-- .gitignore
+-- gulpfile.js
+-- package.json
+-- README.md
+-- source.info.json # Gulp 사용시 소스디렉토리 설정 파일
- 패킹이 완료된 파일은 배포용폴더 /dist 에 자동으로 파일이 생성됩니다.
- source.info.json 파일에서 패킹할 파일을 정의하거나 디렉토리를 지정할 수 있습니다.
- src/html/include 에 들어있는 파일은 HTML 패킹시 파일을 생성하지 않습니다.
GULP 명령어
gulp # 전체 패키징을 처리합니다.
gulp html # HTML 파일 패킹을 처리합니다.
gulp scss:compile # sass 패킹을 처리합니다.
gulp js:compile # javascript 패킹을 처리합니다.
gulp sprite # Sprite 패킹을 처리합니다.
gulp watch # 파일변경을 감지하여 자동으로 패킹을 처리합니다. (추천)
포함된 플러그인
FontAwesome Pro 5.13.0 (http://fontawesome.io)