JSFiddle - React, Tailwind, and code Playground

by Alex

JavaScript

"use strict";

module.exports = function(grunt) {
  grunt.initConfig({
    // configuração do projeto
 
    // Compile Less
    less: {
      'dev/css/style.css': ['dev/less/style.less']
    },
    // Reorganize Media Queries
    cmq: {
      options: {
        log: true
      },
      dynamic: {
        expand: true,
        cwd: 'dev/css/',
        src: ['*.css'],
        dest: 'dev/css/'
      }
    },
    //Minify Css
    cssmin : {
      css:{
        src: 'dev/css/style.css',
        dest: 'dist/css/style.min.css'
      }
    },
    watch: {
      css: {
        files: 'dev/css/style.less',
        tasks: ['less'],
        options: {
          livereload: true,
        },
      },
    },
  });

  // carregando plugins
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-combine-media-queries');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-contrib-watch');

  // tarefas
  grunt.registerTask('default', ['less','cmq','cssmin:css']);

  // Dev
  grunt.registerTask( 'dev', ['uglify:dev', 'less:dev'] );

  // Build
  grunt.registerTask( 'build', [ 'clean', 'copy:dist',
  'uglify:dist', 'htmlmin:dist', 'imagemin:dist', 'less:dist' ]

  // Watch
  grunt.registerTask( 'w', [ 'watch' ] );

};