Grunt Banner

Author: ben182

Gruntfile.js

@@ -1,8 +1,14 @@
-module.exports = function(grunt) {
+module.exports = function (grunt) {
 
     grunt.initConfig({
+        pkg: grunt.file.readJSON('package.json'),
         less: {
             development: {
+                options: {
+                    plugins: [
+                        new (require('less-plugin-autoprefix'))({browsers: ["last 2 versions"]})
+                    ],
+                },
                 files: {
                     'dist/device-mockups.css': 'src/device-mockups.less'
                 }
@@ -14,12 +20,25 @@ module.exports = function(grunt) {
                     'dist/device-mockups.min.css': ['dist/device-mockups.css']
                 }
             }
+        },
+        usebanner: {
+            taskName: {
+                options: {
+                    position: 'top',
+                    banner: '/*!\n * <%= pkg.name %> (<%= pkg.link %>)\n * Copyright 2013 - <%= grunt.template.today("yyyy") %> pixelsign\n * Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt)\n * Last Build: <%= grunt.template.today() %>\n */',
+                    linebreak: true
+                },
+                files: {
+                    src: ['dist/device-mockups.css']
+                }
+            }
         }
     });
 
     grunt.loadNpmTasks('grunt-contrib-less');
     grunt.loadNpmTasks('grunt-contrib-cssmin');
+    grunt.loadNpmTasks('grunt-banner');
 
-    grunt.registerTask('default', ['less', 'cssmin']);
+    grunt.registerTask('default', ['less', 'cssmin', 'usebanner']);
 
-};
+};

dist/device-mockups.css

@@ -1,3 +1,9 @@
+/*!
+ * html5-device-mockups (https://github.com/pixelsign/html5-device-mockups)
+ * Copyright 2013 - 2017 pixelsign
+ * Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt)
+ * Last Build: Fri Jul 28 2017 18:38:58
+ */
 .device-wrapper {
   max-width: 300px;
   width: 100%;

package-lock.json

@@ -10,7 +10,10 @@
   "license": "ISC",
   "devDependencies": {
     "grunt": "^1.0.1",
+    "grunt-banner": "^0.6.0",
     "grunt-contrib-cssmin": "^2.1.0",
-    "grunt-contrib-less": "^1.4.1"
-  }
+    "grunt-contrib-less": "^1.4.1",
+    "less-plugin-autoprefix": "^1.5.1"
+  },
+  "link": "https://github.com/pixelsign/html5-device-mockups"
 }