Simplifying the Build
In Chapter 1, The Very Basics, you learned how to make a task that calls other tasks. Let’s do the same thing here. We want one task that, when called, invokes the tasks to build the JavaScript files and the CSS files. Let’s add a build task to our Gruntfile:
| workflow/markdown/Gruntfile.js | |
| | grunt.registerTask('build', "Builds the application.", |
| | ['coffee', 'concat:scripts', 'sass', 'cssmin', 'uglify' ]); |
When we execute this build task, the whole process runs.
| | $ grunt build |
| | Running "coffee:app" (coffee) task |
| | |
| | Running "concat:scripts" (concat) task |
| | File "tmp/app.js" created. |
| | |
| | Running "sass:app" (sass) task |
| | File tmp/app.css created. |
| | Running "cssmin:app" (cssmin) task |
| | File assets/app.css created. |
| | |
| | Running "uglify:scripts" (uglify) task |
| | File assets/app.js created. |
| | |
| | Done, without errors. |
And that is ridiculously cool. A single command builds our application, letting us take advantage of powerful preprocessors and minification tools. But we can do better than this.
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.