Skeleton Components

해골

프론트 엔드 개발을 시작하십시오. 골격은 Rosid에 대한 HTML5 보일러 플레이트입니다.

내용물

• 특징
• 요구 사항
• 설정
• 사용 방법
  • 개발하다
  • 엮다
  • UI
• 도커
• 문제 해결

특징

• 스켈레톤은 모든 일상적인 웹 프로젝트의 기반입니다. 작업을 시작하고 0에서 시작하지 않고 발전하십시오. 하나의 포크가 필요한 모든 것.
• 이 프로젝트는 정시 사전 프로세싱이있는 웹 서버 인 Rosid에 의해 구동됩니다. JS (Babel, Uglifyjs 포함), Sass (Cssnano, AutoPrefixer 포함) 및 Nunjucks는 바로 상자에서 사용할 수 있습니다.
• 골격은 시작일뿐입니다. 그것을 포크하고 자신의 필요로 확장하십시오. 사전 정의 된 구조는 유연성을 제공하며 쉽게 수정할 수 있습니다.

요구 사항

골격에 의존하는…

• node.js (v8.5.0 또는 최신)
• 방사

골격을 포크하고 설정하기 전에 모든 종속성을 설치하고 업데이트하십시오.

설정

개발을 시작하기 전에 원사로 필요한 모든 종속성을 설치하십시오.

yarn install

사용 방법

개발하다

다음 명령을 사용하여 개발을 시작하십시오. 파일을 업데이트 할 때 브라우저가 열리고 코드 변경을 기다리고 실시간로드를 즉시 즉시로드합니다. JS, Sass 및 Nunjucks는 즉석에서 편집됩니다.

yarn start

엮다

프라임 타임 준비가 되셨습니까? 청중을 위해 컴파일 및 준비된 모든 파일을 내보내십시오. 최종 dist/ 폴더를 서버에 간단히 업로드하고 휴식을 취하십시오. 자리에 앉아 좋아하는 식당에서 맛있는 버거를 즐기십시오.

yarn run compile

UI

Skeleton에는 웹 구성 요소를 구축하고 문서화하는 데 도움이되는 Malvid가 포함되어 있습니다. 브라우저에서 개발 서버를 시작하고 /index.html 시작하십시오. rosidfile.js 에서 UI 경로를 변경할 수 있습니다.

도커

포함 된 dockerfile을 사용하면 사이트를 컴파일하는 이미지를 만들 수 있습니다. 이 경우 Docker 만 시스템에 설치해야합니다. 다른 종속성이 필요하지 않습니다.

짓다

dockerfile에서 이미지를 작성하십시오. 프로젝트를 수정할 때마다 수행해야합니다. 새로운 소스가 이미지에 복사됩니다.

docker build -t electerious/skeleton .

엮다

사이트를 컴파일하려면 컨테이너를 시작하십시오. 모든 작업이 완료되면 컨테이너가 자동으로 종료됩니다. 마운트 볼륨에는 모든 컴파일 된 파일이 포함됩니다.

docker run --rm -tv " $( pwd ) /dist:/dist " electerious/skeleton

문제 해결

• 최신 버전의 node.js 및 yarn을 설치하십시오
• node_modules 삭제하고 모든 종속성을 다시 설치하십시오
• 프로젝트가 최신 버전의 Rosid에 의존하는지 확인하십시오.
• 포함 된 dockerfile을 사용하여 사이트를 컴파일하십시오