Polymer css compiler - grunt task for compiling CSS files into polymer style modules

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install polymer-css-compiler --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('polymer-css-compiler');

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        'polymer-css-compiler': {
            default: {
                files: [{
                    expand: true,
                    cwd: 'public/polymer-components',
                    dest: 'public/polymer-components',
                    src: '**/*.css',
                    ext: '.html'
                }]
            }
        }
    });

    grunt.loadNpmTasks('polymer-css-compiler');
};

In the example above, all the CSS files under the path 'public/polymer-components' will be compiled into polymer style modules. Every generated polymer style module will inherit the name of its source CSS file.