How to build multiple tasks in Grunt js?

Question

I'm new to grunt js. I'm trying to build multiple tasks with grunt js but each time i got error. How to out from this issue? Here's the my example code.

module.exports = function(grunt){
    grunt.initConfig({
        useminPrepare:{
            html:['app/index.html'],
            options:{
                dest:'build'
            }
        },
        usemin:{html:['build/index.html']},
        copy:{
            task0: {
                src:['app/index.html', 'app/index2.html'],
                dest:['build/index.html', 'build/index2.html']
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-usemin');

    grunt.registerTask('build',[
        'copy:task0',
        'useminPrepare',
        'concat',
        'cssmin',
        'uglify',
        'usemin'
    ])
}

its showing ' object build/index.html, build/index2.html has no method 'replace' '... @vlio20 — Sathya, May 18 '15 at 16:39
`dest` shouldn't be an array, it should be your a string of the destination — vlio20, May 18 '15 at 16:41
vlio20 is right. Always check the docs for tasks https://github.com/gruntjs/grunt-contrib-copy#usage-examples — zamber, May 19 '15 at 14:03

vlio20 · Answer 1 · 2015-05-18T16:47:00.323

1

From the little information you provided, I am guessing that you are running grunt build.

I can see that you are missing some tasks definition as one of the answers points out, but also dest attribute should be a string. You can see it in the documentation: https://github.com/gruntjs/grunt-contrib-copy#usage-examples

Here is example for your case:

        copy:{
            task0: {
                src:['app/index.html', 'app/index2.html'],
                dest: 'build/'
            }
        }

note that the missing tasks are: concat, cssmin, uglify

edited May 18 '15 at 16:47

answered May 18 '15 at 16:44

vlio20

8,955
18
95
180

1

Nice observation on the `dest` issue. I have a feeling both our answers eventually solve the _multiple_ issues here – scniro May 18 '15 at 16:46
Again i got an error folks. syntaxerror:unexpected token. – Sathya May 18 '15 at 17:00
please do it with `--stack` flag and post – vlio20 May 18 '15 at 17:00
What i have posted above, that one.. @vlio20 – Sathya May 20 '15 at 02:34
Nope, you didn't removed the array of the dest under the copy task – vlio20 May 20 '15 at 03:59

Xavier Priour · Answer 2 · 2015-05-19T14:01:39.527

1

You're missing a semi-colon after registerTask, should be:

grunt.registerTask('build',[
    'copy:task0',
    'useminPrepare',
    'concat',
    'cssmin',
    'uglify',
    'usemin'
]);

edited May 19 '15 at 14:01

answered May 19 '15 at 14:00

Xavier Priour

2,121
1
12
16

"missing" semi-colons are [often not a problem at all](http://stackoverflow.com/questions/2846283/what-are-the-rules-for-javascripts-automatic-semicolon-insertion-asi) – James Thorpe May 19 '15 at 14:01

How to build multiple tasks in Grunt js?

2 Answers2