Scripts npm [PT BR]
Nós decidimos por usar o npm como nosso task runner("compilador de tarefas"). Por quê? Porque é facilmente configurado, rápido e seguro. Nnós estamos usando algumas tarefas simples como compilar o Sass e uglify("simplificar") o JavaScript, e nós já usamos o npm para instalar alguns módulos como Bbootstrap, então por quê não usar somente o npm?
Mas você não é obrigado a usar o npm scripts, sinta-se à vontade para usar nenhum ou outro task runner de sua preferência.
Os módulos que iremos usar são definidos no arquivos package.json, para instalar os pacotes, abra seu terminal, vá até o diretório do tema e digite: npm install. Esse comando criará um diretório chamado node_modules e guardará todos os módulos ali.
Você precisa instalar globalmente o pacote npm chamado Gnomon, que será usado para medir o tempo gasto em cada tarefa. Digite npm install -g gnomon para instalá-lo. Uma vez instalados os módulos, você pode usar os scripts npm definidos no package.json.
Veja a lista dos possíveis comandos.
Use npm run sass para compilar todos os arquivos .scss da pasta /src/scss para arquivos .css na pasta /assets/css
Use npm run uglify para misturar e minificar o JavaScript da pasta /src/js para a pasta /assets/js
Use npm run lint para rodar eslint para verificar todos os arquivos .js na pasta /src/js. As configurações do eslint são definidas no arquivo .eslintrc.json. Veja em https://eslint.org/ para saber mais.
Use npm run watch para deixar os scripts constantemente procurando por mudanças no js/css e rodando a compilação do Sass e JavaScript lint e uglify.
Getting Started:
Templates:
Automating Tasks:
Styles:
Scripts:
Others:
Classes:
Documentação:
Iniciando:
Templates:
Automatizando tarefas:
Estilos:
Scripts:
Outros:
Classes: