Leonardo Paiva | Thulio Philipe |
---|---|
Front-End | Front-End |
-
Se você não tem instalado npm, bower e grunt, faça isso agora.
-
Depois da instalação execute o comando
npm install
para instalar todas as dependências.$ npm install
-
Execute o comando
grunt
para inicializar.$ grunt
-
Nós usamos o bower para gerenciamento de dependências.
$ bower search nome-do-pacote $ bower install nome-do-pacote --save-dev
-
Nós usamos grunt para o trabalho duro.
-
Nós trabalhamos com dois caminhos para imagens:
src
para imagens em desenvolvimento.dist
para imagens em produção.
execute o comando
grunt img
para minificar e otimizar as imagens.
- Nós usamos browserSync para testar em diferentes browsers e devices.
remove este script quando estiver em produção.
<script type='text/javascript'>//<![CDATA[
;document.write("<script defer src='//HOST:3000/socket.io/socket.io.js'><\/script><script defer src='//HOST:3001/client/browser-sync-client.0.9.1.js'><\/script>".replace(/HOST/g, location.hostname));
//]]></script>
- Para um melhor controle do carregamento dos seus scripts, compilar e concatenar, no arquivo
grunt-config.json
adiciona os scripts na task do uglify.