I have an idea and am curious to see what others think.
new compressor.minify({
type: 'uglifyjs',
fileIn: [
'public/bower_components/angulartics/dist/angulartics.min.js',
'public/bower_components/angulartics/dist/angulartics-google-analytics.min.js',
'public/bower_components/angulartics/dist/angulartics-segmentio.min.js'
],
fileOut: 'public/js/scripts.js',
callback: function(err, min){
console.log(err);
}
});
I would like to pass an extra argument to the callback, that will return a string that looks like:
<script src="bower_components/angulartics/dist/angulartics.min.js"></script>
<script src="bower_components/angulartics/dist/angulartics-google-analytics.min.js"></script>
<script src="bower_components/angulartics/dist/angulartics-segmentio.min.js"></script>
That way, when I'm in my .ejs template I can do something like <%= nonMinified => which will inject the premade string if I'm running on development.