Added autoprefixer transform to buildProduction transform and binary

assetgraph · Jan 19, 2014 · beaff44 · beaff44
1 parent 4b3a9d7
commit beaff44
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/bin/buildProduction b/bin/buildProduction
@@ -30,6 +30,11 @@ var optimist = require('optimist'),
             type: 'boolean',
             default: false
         })
+        .options('autoprefix', {
+            describe: 'Automatically prefix all css based on the rules supplied. See https://github.com/ai/autoprefixer#browsers',
+            type: 'string',
+            demand: false
+        })
         .options('debug', {
             describe: 'Keep statement level console.*() calls and debugger statements in JavaScript assets',
             type: 'boolean',
@@ -229,6 +234,10 @@ if (commandLineOptions.inlinesize) {
     inlineByRelationType.CssImage = 8192;
 }
 
+if (commandLineOptions.autoprefix && typeof commandLineOptions === 'string') {
+    commandLineOptions.autoprefix = [commandLineOptions.autoprefix];
+}
+
 (commandLineOptions.define ? _.flatten(_.flatten([commandLineOptions.define])) : []).forEach(function (define) {
     var matchDefine = define.match(/^(\w+)(?:=(.*))?$/);
     if (matchDefine) {
@@ -314,6 +323,7 @@ new AssetGraph({root: rootUrl})
         less: !commandLineOptions.noless,
         optimizeImages: commandLineOptions.optimizeimages,
         inlineByRelationType: inlineByRelationType,
+        autoprefix: commandLineOptions.autoprefix,
         gzip: commandLineOptions.gzip,
         defines: defines,
         reservedNames: reservedNames,

diff --git a/lib/transforms/autoprefixer.js b/lib/transforms/autoprefixer.js
@@ -8,10 +8,8 @@
 var autoprefix = require('autoprefixer');
 
 module.exports = function (options) {
-    options = options || {};
-
     // See https://github.com/ai/autoprefixer#browsers
-    var browsers = options.browsers;
+    var browsers = options;
 
     return function autoprefixer(assetGraph) {
         assetGraph.findAssets({type: 'Css'}).forEach(function (cssAsset) {

diff --git a/lib/transforms/buildProduction.js b/lib/transforms/buildProduction.js
@@ -93,6 +93,9 @@ module.exports = function (options) {
                 return assetGraph;
             })
             .removeNobundleAttribute({type: ['HtmlScript', 'HtmlStyle']})
+            .if(options.autoprefix)
+                .autoprefixer(options.autoprefix)
+            .endif()
             .if(inlineByRelationType.CssImage)
                 .inlineCssImagesWithLegacyFallback({type: 'Html', isInline: false, isFragment: false}, inlineByRelationType.CssImage)
             .endif()