Kotsu

고급 웹 스타터 키트

한 사람이 없었던 곳으로 대담하게 가기 위해

---

사용 방법

1. 클론 또는 다운로드 및 원하는 위치로 포장을 풀어주십시오
2. Node.js의 최신 버전을 다운로드하여 설치하십시오
3. OS에 대한 그래픽 마법 (권장) 또는 imagemagick을 설치하십시오. 참고 : npm install 실행하기 전에 그 중 하나를 설치해야합니다.
4. 환경 변수 설정 [가이드]
5. 프로젝트 종속성 설치 : npm install
6. (선택 사항) 자동 테스트를 위해 저장소를 Travis에 추가하십시오
7. (선택 사항) 가이드에 따라 Circleci 또는 Werker Docker와 함께 지속적인 배포 설정
8. 코드 라이브 : npm start 또는 npm start -- --hmr 핫 모듈 재 장전이 필요한 경우.
9. 빌드 : npm run build
10. 당신의 인생을 배치하고 즐기십시오

내부는 무엇입니까?

• 프론트 엔드 프로젝트를위한 합리적인 구조
• 정적 페이지 세대
• 빠른 연속 배포 및 자동 테스트 설정을위한 준비된 구성
• 사전 구성된 작업을 통해 grunt
• Nunjucks, 전체 특집 템플릿 엔진
• 내장 Nunjucks 글로벌 및 서식 번호, 날짜, 현재 페이지 URL, 로케일, 빵가루 등을위한 필터.
• 인간 읽기 가능한 URL
• 모범 사례를 기반으로 한 보일러 플레이트 파일
• 현재 로케일 및 대체 URL을 올바르게 선언하기 위해 Node-Gettext 및 구성된 레이아웃이 포함 된 I18N
• 소스 맵 생성, 자동 판결, 최적화, 미니 화 및 라인이있는 Sass 컴파일러
• Ekzo Sass 프레임 워크
• ES6 지원, 관리 및 번들링 JavaScript 종속성 및 선택적 핫 모듈 재 장전 또는 타격 빠른 시계가있는 웹 팩
• 라인 및 자동 형식 JavaScript 표준
• WebPack-Dev-Server로 전원을 공급하는 라이브 리로드
• 런타임 유형 주석 및 tcomb 및 tcomb-validation , 내장 편리한 정제를 통한 데이터 검증.
• 열린 그래프 및 트위터 카드에 대한 미리 구성 메타 태그
• RDFA를 기반으로 한 검색 제공 업체에서 구조화 된 데이터가 일반적으로 사용합니다.
• grunt-sitemap-xml을 사용한 자동 sitemap.xml 생성
• 스프라이트 스미스가있는 자동 스프라이트 생성
• TinypNG를 통한 자동 이미지 압축
• 런트-반응성 이미지를 사용한 자동 반응 형 이미지 생성
• 개발 중에 최적화되지 않은 파일을 분리하고
• 생산을 위해 파일을 컴파일하고 조정했습니다

그리고 후드 아래에서 훨씬 더. 우리는 모든 기능을 문서화 할 시간이 없었습니다. 아직.

선적 서류 비치

진행중인 작업

• 구조
• 환경 변수
• 데이터
• 구조화 된 데이터
• URL
• 지속적인 배달
• 레시피

예

마스터 브랜치에서 KOTSU의 배포 된 버전은 여기에서 찾을 수 있습니다.

예제 섹션은 지금까지 사전 정의 된 요소 및 기능의 일부만 특징입니다.

브라우저 지원

자바 스크립트

즉	가장자리	크롬	파이어 폭스	원정 여행	오페라	오페라 모바일	iOS 사파리	기계적 인조 인간
9+	12+	21+	28+	6.1+	12.1+	12.1+	7+	4+

IE11 이하의 ES6 기능을 활성화하려면 main.js 에서 import 'babel-polyfill' 하지 않습니다. 자세한 내용은 여기를 참조하십시오.

IE8을 지원하지 않는 jQuery 3.1.0+와 함께 제공되는 기본 빌드. IE8을 지원 해야하는 경우 Pre 3.0.0 버전으로 교체하십시오.

CSS

즉	가장자리	크롬	파이어 폭스	원정 여행	오페라	오페라 모바일	iOS 사파리	기계적 인조 인간
10+	12+	21+	28+	6.1+	12.1+	12.1+	7.1+	4.4+

기본적으로 KOTSU에 포함 된 IE9 이하의 우아한 회귀에 대한 자세한 내용은 Ekzo 브라우저 지원 섹션을 참조하십시오.

구형 IE에 대한 우아한 회귀를 비활성화하려면 기본 레이아웃에서 IE() 매크로 호출을 제거하십시오.

구식 브라우저 메시지

IE9 이하의 사용자는 구식 브라우저에 대한 메시지와 구식 브라우저에 대한 링크가 포함 된 배너 전 페이지 콘텐츠를 볼 수 있습니다.

오래된 브라우저 메시지를 비활성화하려면 기본 레이아웃에서 OutdatedBrowser() 매크로 호출을 제거하십시오.

특허

Copyright 2014 Lotustm. Apache 2.0 라이센스에 따라 라이센스가 부여되었습니다.