Skeleton Components

Esqueleto

Pular o seu desenvolvimento de front-end. O esqueleto é uma construção de caldeira HTML5 na Rosid.

Conteúdo

• Características
• Requisitos
• Configurar
• Como usar
  • Desenvolver
  • Compilar
  • Ui
• Docker
• Solução de problemas

Características

• O esqueleto é uma base para todos os seus projetos diários da Web. Salt-start seu trabalho e desenvolver sem partir de zero. Tudo o que você precisa de um garfo fora.
• Este projeto é alimentado por Rosid, um servidor da Web com pré-processamento just-in-time. JS (com Babel, UglifyJS), SASS (com CSSNANO, Autoprefixer) e Nunjucks podem ser usados imediatamente.
• O esqueleto é apenas o começo. Bifurque -o e estenda -o às suas próprias necessidades. A estrutura predefinida oferece flexibilidade e pode ser modificada com facilidade.

Requisitos

Dependentes do esqueleto…

• Node.js (v8.5.0 ou mais recente)
• fio

Certifique -se de instalar e atualizar todas as dependências antes de bifurcar e configurar o esqueleto.

Configurar

Instale todas as dependências necessárias com fios antes de começar a desenvolver.

yarn install

Como usar

Desenvolver

Comece a desenvolver usando o seguinte comando. Seu navegador abrirá, aguarda as mudanças de código e o relojo ao vivo instantaneamente quando você atualizar seus arquivos. JS, Sass e Nunjucks serão compilados em voo.

yarn start

Compilar

Pronto para o horário nobre? Export todos os arquivos, compilados e preparados para o seu público. Faça upload simples da pasta dist/ Dist/ Relax final e relaxe. Sente -se e desfrute de um delicioso hambúrguer do seu restaurante favorito.

yarn run compile

Ui

O esqueleto inclui Malvid para ajudá -lo a criar e documentar componentes da web. Inicie o servidor de desenvolvimento e open /index.html no seu navegador. O caminho para a interface do usuário pode ser alterado em rosidfile.js .

Docker

O DockerFile incluído permite criar uma imagem que compila seu site. Nesse caso, apenas o Docker precisa ser instalado no sistema. Nenhuma outra dependência é necessária.

Construir

Crie uma imagem do Dockerfile. Isso deve ser feito cada vez que você modificou o projeto. A nova fonte será copiada na imagem.

docker build -t electerious/skeleton .

Compilar

Inicie um contêiner para compilar seu site. O contêiner sairá automaticamente quando todas as tarefas forem concluídas. O volume montado conterá todos os arquivos compilados.

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

Solução de problemas

• Instale a versão mais recente do Node.js and Yarn
• Excluir node_modules e reinstalar todas as dependências
• Verifique se o projeto depende da versão mais recente de Rosid
• Tente compilar o site usando o Dockerfile incluído