added a small wrapper for the generateScopedName to normalize the filepath

Author: mightyaleksey

package.json

@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "debug": "^2.2.0",
+    "generic-names": "^1.0.0-beta",
     "icss-replace-symbols": "^1.0.2",
     "lodash.assign": "^3.2.0",
     "lodash.identity": "^3.0.0",

src/index.js

@@ -1,4 +1,5 @@
 import debug from 'debug';
+import genericNames from 'generic-names';
 import hook from './hook';
 import { readFileSync } from 'fs';
 import { dirname, sep, relative, resolve } from 'path';
@@ -25,8 +26,10 @@ let preProcess = identity;
 let postProcess;
 // defaults
 let lazyResultOpts = {};
-let plugins = [LocalByDefault, ExtractImports, Scope];
+let plugins = [Values, LocalByDefault, ExtractImports];
+let terminalPlugins = [];
 let rootDir = process.cwd();
+let generateScopedName = genericNames('[name]__[local]___[hash:base64:5]', {context: rootDir});
 
 /**
  * @param  {object}   opts
@@ -64,11 +67,12 @@ export default function setup(opts = {}) {
     return void (plugins = customPlugins);
   }
 
+  terminalPlugins = get('append', null, 'array', opts) || [];
+  generateScopedName = get('generateScopedName', null, 'function', opts)
+    || genericNames('[name]__[local]___[hash:base64:5]', {context: rootDir});
   const prepend = get('prepend', null, 'array', opts) || [];
-  const append = get('append', null, 'array', opts) || [];
   const mode = get('mode', null, 'string', opts);
   const createImportedName = get('createImportedName', null, 'function', opts);
-  const generateScopedName = get('generateScopedName', null, 'function', opts);
 
   plugins = [
     ...prepend,
@@ -79,10 +83,6 @@ export default function setup(opts = {}) {
     createImportedName
       ? new ExtractImports({createImportedName: opts.createImportedName})
       : ExtractImports,
-    generateScopedName
-      ? new Scope({generateScopedName: opts.generateScopedName})
-      : Scope,
-    ...append,
   ];
 }
 
@@ -111,8 +111,11 @@ function fetch(_to, _from, _trace) {
   const rootRelativePath = sep + relative(rootDir, filename);
   const CSSSource = preProcess(readFileSync(filename, 'utf8'), filename);
 
-  const lazyResult = postcss(plugins.concat(new Parser({ fetch, filename, trace })))
-    .process(CSSSource, assign(lazyResultOpts, {from: rootRelativePath}));
+  const lazyResult = postcss(plugins.concat(
+    new Scope({generateScopedName: (name, _, css) => generateScopedName(name, filename, css)}),
+    terminalPlugins,
+    new Parser({ fetch, filename, trace }))
+  ).process(CSSSource, assign(lazyResultOpts, {from: rootRelativePath}));
 
   lazyResult.warnings().forEach(message => console.warn(message.text));