Potential postcss-local-scope / css-loader optimisation

0 - source.local.css

.foo {
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  color: red;
}

.bar {
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  color: blue;
}

1 - output.css

.shared_hash {
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
}

.hash_1 {
  color: red;
}

.hash_2 {
  color: blue;
}

2 - output.js

module.exports = {
  foo: 'shared_hash hash_1',
  bar: 'shared_hash hash_2'
};

Related:
https://github.com/webpack/css-loader#inheriting
https://gist.github.com/sokra/94fbd110e78b2cb4daf0

Just output it into this format with a postcss plugin.

Wow, this looks great. This is going to let us do some really amazing things.