Added optional argument, inputContext (--x). When applied with --dir, output dir will represent nested folder structures found from a blobbed input.

Author: vbalcom

Makefile

@@ -13,6 +13,7 @@ test: test/build \
 	test-version \
 	$(patsubst %,test/build/%.css,$(TESTS)) \
 	test-multi \
+	test-context \
 	test-replace \
 	test-local-plugins
 
@@ -26,6 +27,10 @@ test-multi:
 	./bin/postcss -u postcss-url --dir test/build test/multi*.css
 	$(DIFF) test/build/multi*.css --to-file=test/ref
 
+test-context:
+	./bin/postcss -c test/config-context.js
+	$(DIFF) test/build/test-context/in.css test/ref/test-context/in.css
+
 test-replace:
 	 cp test/replace.css test/build/replace.css
 	./bin/postcss -u postcss-url --postcss-url.url "inline" --replace test/build/replace.css

Readme.md

@@ -33,6 +33,10 @@ Output files location. Either `--output`, `--dir` or `--replace` option, but
 not all of them, need to be specified. `--dir` or `--replace` needs to be used
 if multiple input file is provided.
 
+#### `--inputContext|-x`
+
+Optional declaration of parent folder for input when `--dir` is used and an input glob may return nested directories. When applied, `--input` glob will be relative to `--inputContext` and folder structure inside `--inputContext` will be mimicked in `--dir`
+
 #### `--replace|-r`
 
 Replace input file(s) with generated output. Either `--output`, `--dir` or

index.js

@@ -1,5 +1,6 @@
 var globby = require("globby");
 var resolve = require("resolve");
+var path = require('path');
 var argv = require("yargs")
   .usage('Usage: $0 [--use|-u] plugin [--config|-c config.json] [--output|-o output.css] [input.css]')
   .example('postcss --use autoprefixer -c options.json -o screen.css screen.css',
@@ -17,6 +18,8 @@ var argv = require("yargs")
     describe: 'lookup plugins in current node_modules directory'
   })
   .alias('i', 'input')
+  .alias('x', 'inputContext')
+  .describe('x', 'Directory context for input files when outputting to nested directories')
   .alias('o', 'output')
   .describe('o', 'Output file (stdout if not provided)')
   .alias('d', 'dir')
@@ -84,7 +87,9 @@ if (argv.use.indexOf("postcss-import") !== -1) {
 }
 
 var inputFiles = argv._.length ? argv._ : argv.input;
-inputFiles = globby.sync(inputFiles);
+var inputPath = argv.inputContext ? path.join( argv.inputContext, inputFiles ) : inputFiles;
+inputFiles = globby.sync(inputPath);
+
 if (!inputFiles.length) {
   // use stdin if nothing else is specified
   inputFiles = [undefined];
@@ -128,9 +133,7 @@ if (mapOptions === 'file') {
 
 var async = require('neo-async');
 var fs = require('fs');
-var path = require('path');
 var readFile = require('read-file-stdin');
-var path = require('path');
 var postcss = require('postcss');
 var processor = postcss(plugins);
 var mkdirp = require('mkdirp');
@@ -173,9 +176,16 @@ function fsWatcher(entryPoints) {
 }
 
 function compile(input, fn) {
+  var inputPath;
   var output = argv.output;
   if (argv.dir) {
-    output = path.join(argv.dir, path.basename(input));
+    if (argv.inputContext) {  
+      inputPath = input.replace( argv.inputContext, '' );
+    }
+    else {
+      inputPath = path.basename(input);
+    }
+    output = path.join( argv.dir, inputPath );
   } else if (argv.replace) {
     output = input;
   }

test/config-context.js

@@ -0,0 +1,9 @@
+module.exports = {
+  use: "postcss-url",
+  input: "**/in.css",
+  inputContext: "test",
+  dir: "test/build",
+  "postcss-url": {
+    url: function(url) { return "http://example.com/" + url; }
+  }
+};

test/ref/test-context/in.css

@@ -0,0 +1,4 @@
+body {
+  background: url(http://example.com/image.png);
+  display: flex;
+}

test/test-context/in.css

@@ -0,0 +1,4 @@
+body {
+  background: url(image.png);
+  display: flex;
+}