h5bp/html5-boilerplate — pull request #1140 by necolas (2012-07-07 20:50:20+00:00)
Title: Use CSS partials and include a grunt task

Breaking up the CSS into different files has several benefits:

* Normalize.css can be included as a drop-in. This makes it easier to
apply upstream changes and track which version of normalize.css is
included in HTML5 Boilerplate.

* Easier for people to remove or replace parts of the CSS. For example,
if someone would rather use their own custom reset, they can pull out
normalize.css without any trouble.

* Encourages people to use multiple files in development. You wouldn't
(or shouldn't) write all your JavaScript in one huge file. The same
goes for CSS.

* A step towards making it easier to integrate HTML5 Boilerplate into
larger application frameworks.

Included as part of this change is the addition of a package.json and
simple grunt.js file. The package.json file allows us to group various
pieces of information about the project, such as the version number. It
will also act as the place to list any Node package dependencies, such
as the H5BP node-build-script.

The grunt.js file sets up grunt 'concat' and 'watch' task to combine the
separate CSS files into a single main file. People can either edit the
main file directly or continue to use the grunt task during development.
This relies on a user of the boilerplate having Node.js, npm, and grunt
installed. These are technologies that can be used on any OS and are
particularly well suited for use by Front End developers.

Ref #1132