At the time of writing this book, there are over 2,000 tasks or plugins that Grunt can do for you and are listed at http://gruntjs.com/plugins. Let's open the Gruntfile.js
file in the root of our project directory just so you understand better what is happening. This is also where you can add other tasks or plugins you get from the previous link.
So, in Gruntfile.js
, on line 7, it is calling to Foundation that was installed through Bower earlier. This is the core of Foundation and you should never modify the files in any of the folders under bower_components
. Then, you will see that it compresses elements present on line 5, and on line 26, it includes the SCSS app.scss
file, the one we are making theming changes in, and then outputs it into css
/app.css
. The following is the code:
sass: { options: { includePaths: ['bower_components/foundation/scss'] }, dist: { options: { outputStyle: 'compressed' }, files: { ...