Sourcemaps don't work with simply renaming css later

[kepta]

(Related #36)

With the recent implementation of hashing, the source map url in the generated css file doesn't get updated. This happens because we are providing a different output path.
As this will make any source map binded to provided path, simply calculating the hash and writting to new output would not work.

underreact/packages/postcss-concatenator/index.js

Lines 62 to 83 in a7b5401

	const writeOutput = root => {
	return postcss(allPlugins)
	.process(root, {
	from: undefined,
	to: output,
	map: {
	inline: sourceMap === SOURCE_MAP_INLINE
	}
	})
	.then(result => {
	if (hash) {
	const fileHash = revHash(result.css);
	output = output.replace(/\.css$/, `-${fileHash}.css`);
	}
	const promises = [promisify(fs.writeFile)(output, result.css)];
	if (sourceMap === SOURCE_MAP_FILE) {
	promises.push(promisify(fs.writeFile)(`${output}.map`, result.map));
	}
	return Promise.all(promises).then(() => output);
	});
	};

[davidtheclark]

You could look at Batfish's implementation as an example: https://github.com/mapbox/batfish/blob/503064de33ebffa407bbdf5d20e44a8c71964ccd/src/node/compile-stylesheets.js#L165-L183

[kepta]

Oh I see! Thanks @davidtheclark, this would do the job.

[kepta]

This is no longer valid as we are using Webpack for css loading.