How to get Source Maps with "stylify" and "insert-css" - css

Question

How to get Source Maps with "stylify" and "insert-css" using Browserify / Gulp?
My gulp javascript task is like this:
gulp.task('js_watch', ['environmentCheck'], function()
{
var bundle = function()
{
return bundler.bundle()
.on('start', bundleLogger.start)
.on('error', handleErrors)
.pipe(source('bundle.js'))
// remove console.logs and such
.pipe(gulpif( global.ENV === 'production', streamify( strip() )))
// uglify JS and obfuscate in produciton mode only
.pipe(gulpif( global.ENV === 'production', streamify(uglify({ mangle: global.ENV === 'production' }))))
.pipe(print())
.pipe(gulp.dest(global.outputDir + datapaths.dataPath + '/js'))
.on('end', bundleLogger.end);
}
var browserify_instance = browserify({
// Required watchify args
cache: {}, packageCache: {}, fullPaths: true,
// Browserify Options
entries: ['./core/js/core.js'],
extensions: ['.jade', '.styl'],
debug: global.ENV === 'development'
});
browserify_instance.transform('stylify', {
use :[
jeet(),
rupture(),
typographic(),
axis(),
autoprefixer({ browsers: ['ie 7', 'ie 8'] })
],
sourcemap: { inline: global.ENV === 'development' },
compress: global.ENV === 'production',
});
var bundler = watchify(browserify_instance);
bundler.on('update', bundle); // on any dep update, runs the bundler
bundle();
});
Then in the JS code:
var insertCss = require('insert-css');
insertCss(require('../../stylus/pages/dashboard.styl'));
Every option in the Transform options works, except I get no Sourcemaps in the resulting CSS (in the browser).

Answer 1

It appears Stylify only accepts settings passed in with the set object.
browserify_instance.transform('stylify', {
use: [...]
set: {
sourcemap: { inline: global.ENV === 'development' },
compress: global.ENV === 'production'
}
});