JSFiddle - React, Tailwind, and code Playground

by Danilo Metzker

JavaScript

module.exports = function (grunt) {
    grunt.initConfig({
        package: grunt.file.readJSON("package.json"),
        uglify: {
            t1: {
                files: [
                    {
                        src: ["dist/assets/js/main.js"],
                        dest: "dist/assets/js/main.min.js",
                    },
                ],
            },
        },
        less: {
            t1: {
                files: [
                    {
                        src: [
                            "less/reset.less",
                            "less/*.less",
                            "less/*/*.less",
                            "less/*/*/*.less",
                        ],
                        dest: "dist/assets/css/style.css",
                    },
                ],
            },
        },
        cssmin: {
            t1: {
                files: {
                    "dist/assets/css/style.min.css": [
                        "dist/assets/css/style.css",
                    ],
                },
            },
        },
        watch: {
            files: [
                "less/*.less",
                "less/*/*.less",
                "less/*/*/*.less",
                "dist/assets/js/main.js",
            ],
            tasks: ["processLESS", "compressJS", "minifyCSS"],
        },
    });

    grunt.loadNpmTasks("grunt-contrib-uglify");
    grunt.registerTask("compressJS", "uglify");

    grunt.loadNpmTasks("grunt-contrib-less");
    grunt.registerTask("processLESS", "less");

    grunt.loadNpmTasks("grunt-contrib-cssmin");
    grunt.registerTask("minifyCSS", "cssmin");

    grunt.loadNpmTasks("grunt-contrib-watch");

    grunt.registerTask("defaultTasks", function () {
        grunt.task.run("processLESS");
        grunt.task.run("compressJS");
        grunt.task.run("minifyCSS");
        grunt.task.run("watch");
    });

    grunt.registerTask("default", "defaultTasks");
};