gulp-assets

gulp plugin that gets javascript and stylesheet srcs from a file(s)

Usage

First, install gulp-assets as a development dependency:

npm install --save-dev gulp-assets

Then, add it to your gulpfile.js:

var assets = require("gulp-assets");

gulp.src("./src/*.html")
    .pipe(assets({
    js: true,
        css: false,
        commentWrappers: false
  }))
  .pipe(gulp.dest("./dist"));

Optional - Only get srcs from specifed build sections in your html document

var assets = require("gulp-assets");

gulp.src("./src/*.html")
    .pipe(assets({
      js: true,
      css: false,
      jsWrapper: 'primary',
      cssWrapper: 'primary'
  }))
  .pipe(gulp.dest("./dist"));

<!-- build:css:primary -->
<link rel="stylesheet" href="css/foo.css"/>
<link rel="stylesheet" href="css/bar.css"/>
<link rel="stylesheet" href="css/baz.css"/>
<!-- endbuild -->


<!-- build:js:primary -->
<script src="js/foo.js"></script>
<script src="js/bar.js"></script>
<script src="js/baz.js"></script>
<!-- endbuild -->

Shortcuts methods (thanks @kjbekkelund):

assets.js(); // Only js files
assets.css(); // Only css files

API

assets(options)

options.js

Type: boolean Default: true

Whether you wish to get javascript files

options.css

Type: boolean Default: false

Whether you wish to get css files

License

MIT License