[Grunt] Concatenating Your Javascript with grunt-contrib-concat

Combine serval javascript files together.

For angular project, make sure you add angular.min.js first, then app.js (which contains main module) second, after those, you can add other javascript files.

/**
 * Created by Answer1215 on 11/16/2014.
 */
module.exports = function(grunt) {
    grunt.initConfig({
        stylus:{
            compile:{
                options: {
                    compress: false
                },
                files: {
                    "app/css/app.css": "styl/app.styl"
                }
            }
        },
        watch:{
            stylus:{
                files: ['styl/**/*.styl'],
                tasks: ['stylus:compile']
            },
            css:{
                options: {livereload: true},
                files: ['app/css/**.css']
            },
            html:{
                options: {livereload: true},
                files: ['**.html']
            },
            script: {
                options: {livereload: true},
                files: ['app/js/**.js']
            }
        },
        concat:{
            options: {
                separator: ';'
            },
            js:{
                src: ['bower_components/angular/angular.min.js', 'app/js/app.js', 'app/js/**.js'],
                dest: "build/app.js"
            }
        }
    });


    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-stylus');
    grunt.loadNpmTasks('grunt-contrib-concat');
}

 

Run:

---

 

grunt concat

 

Read More: 

https://github.com/gruntjs/grunt-contrib-concat

https://egghead.io/lessons/grunt-concatenating-your-javascript

转载于:https://www.cnblogs.com/Answer1215/p/4102799.html