Async attribute

[limonte]

It would be great to have ability to add async attribute to script tag generated by gulp-usemin.

It's often very useful: https://developers.google.com/web/fundamentals/performance/critical-rendering-path/adding-interactivity-with-javascript#parser-blocking-vs-asynchronous-javascript

[woutrbe]

I feel there should be an options to overwrite the script tags generate by gulp-usemin, I currently have a case where I have to add a class to my script tag.

[klwemu]

We need async too. Vote for this feature!

[futurechan]

@limonte @woutrbe @klwemu have a look at this https://github.com/futurechan/gulp-asset-transform

[craigmdennis]

+1

[Snugug]

👍

[sbley]

+1

[sohamkamani]

Just a suggestion - we could have these attributes as an object passed inside the build task,

for example :

var jsAttributes = {
  async : true,
  'some-other-attribute' : 'some-value'
  };
gulp.task('usemin', function() {
  return gulp.src('./*.html')
    .pipe(usemin({
      css: [ rev() ],
      html: [ minifyHtml({ empty: true }) ],
      js: [ uglify(), rev() ],
      jsAttributes: jsAttributes,
      inlinejs: [ uglify() ],
      inlinecss: [ minifyCss(), 'concat' ]
    }))
    .pipe(gulp.dest('build/'));
});

would give you

<script src="build.js" async some-other-attribute="some-value"></script>

I guess this would solve #75 and #77 as well.

Thoughts?