implement --base option for keeping nested directory structures (postcss#121)

Closes postcss#30

Author: arekkas

README.md

@@ -40,12 +40,13 @@ cat input.css | postcss [OPTIONS] > output.css
 |Name|Type|Default|Description|
 |:---|:--:|:-----:|:----------|
 |`-d, --dir`|`{String}`|`undefined`|Output Directory|
+|`-b, --base`|`{String}`|`undefined`|Use together with `--dir` for keeping directory structure.|
 |`-x, --ext`|`{String}`|`extname(output)`|Output File Extension|
 |`-o, --output`|`{String}`|`undefined`|Output File|
 |`-r, --replace`|`{String}`|`undefined`|Replace Input <=> Output|
 |`-p, --parser`|`{String}`|`undefined`|Custom PostCSS Parser|
 |`-s, --syntax`|`{String}`|`undefined`|Custom PostCSS Syntax|
-|`-s, --stringifier`|`{String}`|`undefined`|Custom PostCSS Stringifier|
+|`-t, --stringifier`|`{String}`|`undefined`|Custom PostCSS Stringifier|
 |`-w, --watch`|`{Boolean}`|`false`|Enable Watch Mode|
 |`--poll`|`{Boolean}`|`false`|Use polling for file watching|
 |`-u, --use`|`{Array}`|`[]`|PostCSS Plugins|

index.js

@@ -109,6 +109,11 @@ Usage:
     desc: 'A shortcut for setting NODE_ENV',
     type: 'string'
   })
+  .option('b', {
+    alias: 'base',
+    desc: 'Mirror the directory structure relative to this path in the output directory, this only works together with --dir',
+    type: 'string'
+  })
   .option('c', {
     alias: 'config',
     desc: 'Set a custom path to look for a config file',
@@ -282,7 +287,7 @@ function css (css, file) {
       options.from = file === 'stdin' ? path.join(process.cwd(), 'stdin') : file
 
       if (output || dir || argv.replace) {
-        options.to = output || (argv.replace ? file : path.join(dir, path.basename(file)))
+        options.to = output || (argv.replace ? file : path.join(dir, argv.base ? file.replace(path.resolve(argv.base), '') : path.basename(file)))
 
         if (argv.ext) {
           options.to = options.to

test/base.js

@@ -0,0 +1,31 @@
+import test from 'ava'
+import path from 'path'
+
+import cli from './helpers/cli.js'
+import tmp from './helpers/tmp.js'
+import read from './helpers/read.js'
+
+test('--base --dir works', async function (t) {
+  const dir = tmp()
+
+  const { error, stderr } = await cli(
+    [
+      'test/fixtures/base/**/*.css',
+      '--dir', dir,
+      '--base', 'test/fixtures/base',
+      '--no-map'
+    ]
+  )
+
+  t.ifError(error, stderr)
+
+  t.is(
+    await read(path.join(dir, 'level-1/level-2/a.css')),
+    await read('test/fixtures/base/level-1/level-2/a.css')
+  )
+
+  t.is(
+    await read(path.join(dir, 'level-1/b.css')),
+    await read('test/fixtures/base/level-1/b.css')
+  )
+})

test/fixtures/base/level-1/b.css

@@ -0,0 +1,3 @@
+.b {
+  color: blue;
+}

test/fixtures/base/level-1/level-2/a.css

@@ -0,0 +1,3 @@
+.a {
+  color: red;
+}