Grunt template

Template para projetos que utilizam Javascript e SASS, com tarefas de compilamento, minificação, watch e bowsersync já configurados com Grunt.

Iniciar projeto

1. Install dependencies:

  npm install

2. Install grunt-cli:

  npm install -g grunt-cli

3. Run grunt:

  grunt

Build

  grunt build

Tecnologias

Plugins do Grunt

Listagem de plugins do grunt, caso queira customizar:

Grunt Plugins

Adicionando plugins ao projeto:

Acesse a página do plugin e siga as instruções. Por exemplo, o plugin cssmin:

1. Instalee como dependência:

npm install grunt-contrib-cssmin --save-dev

2. Copie a linha de execução da tarefa e cole junto aos outros no gruntfile.js:

grunt.loadNpmTasks('grunt-contrib-cssmin');

3. Adicione a estrutura de comando dentro do grunt.initconfig

cssmin: {
  target: {
    files: [{
      expand: true,
      cwd: 'release/css',
      src: ['*.css', '!*.min.css'],
      dest: 'release/css',
      ext: '.min.css'
    }]
  }
}

4. Registre a tarefa para execução na linha de comando:

 grunt.registerTask('default', ["concat", 'sass', 'cssmin', 'browserSync', 'watch']);