Gruntfile.js

/* global require, module */

var path = require('path');

module.exports = function (grunt) {
    'use strict';

    // These plugins provide necessary tasks.
    /* [Build plugin & task ] ------------------------------------*/
    grunt.loadNpmTasks('grunt-module-dependence');
    grunt.loadNpmTasks('grunt-replace');
    grunt.loadNpmTasks('grunt-contrib-clean');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-browser-sync');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-babel');

    var pkg = grunt.file.readJSON('package.json');

    var banner = '/*!\n' +
        ' * ====================================================\n' +
        ' * <%= pkg.name %> - v<%= pkg.version %> - ' +
        '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
        ' * GitHub: <%= pkg.repository.url %> \n' +
        ' * Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author %>;' +
        ' Licensed <%= pkg.license %>\n' +
        ' * ====================================================\n' +
        ' */\n\n' +
        `/*!
 * ====================================================
 * Kity Minder Core - v1.4.50 - 2018-09-17
 * https://github.com/fex-team/kityminder-core
 * GitHub: https://github.com/fex-team/kityminder-core.git 
 * Copyright (c) 2018 Baidu FEX; Licensed BSD-3-Clause
 * ====================================================
 */\n\n`;

    var expose = '\nuse(\'expose-kityminder\');\n';

    // Project configuration.
    grunt.initConfig({

        // Metadata.
        pkg: pkg,

        clean: {
            first: ['dist', 'temp'],
            last: ['temp'],
        },

        // watch
        watch: {
            files: 'src/**',
            tasks: ['build']
        },
        // browser sync for dev
        browserSync: {
            bsFiles: {
                dist: 'dist/css/*.css',
                src: 'src/**'
            },
            options: {
                server: {
                    baseDir: './',
                    index: 'dev.html',
                    watchTask: true
                }
            }
        },

        babel: {
            options: {
                presets: ['@babel/preset-env'],
            },
            dist: {
                files: [{
                    expand: true,
                    cwd: 'src/',
                    src: ['**/*.js'],
                    dest: 'temp/',
                },],
            }
        },

        // resolve dependence
        dependence: {
            options: {
                base: 'temp',
                entrance: 'expose-kityminder'
            },
            merge: {
                files: [{
                    src: 'temp/**/*.js',
                    dest: 'dist/kityminder.core.js'
                }]
            }
        },

        // concat, just add closure
        concat: {
            options: {
                banner: banner + '(function () {\n',
                footer: expose + '})();'
            },
            build: {
                files: {
                    'dist/kityminder.core.js': ['dist/kityminder.core.js']
                }
            }
        },

        uglify: {
            options: {
                banner: banner
            },
            minimize: {
                src: 'dist/kityminder.core.js',
                dest: 'dist/kityminder.core.min.js'
            }
        },

        copy: {
            dist: {
                src: 'src/kityminder.css',
                dest: "dist/kityminder.core.css"
            }
        }

    });


    // Build task(s).
    grunt.registerTask('build', ['clean:first', 'babel', 'dependence', 'concat:build', 'uglify:minimize', 'copy', 'clean:last']);
    grunt.registerTask('dev', ['browserSync', 'watch']);

};