node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »


Build Status NPM version Dependency Status


Inject scripts, stylesheets and more into templates and htmls, with support for namespaces.


Install with npm.

npm install --save-dev gulp-multinject


The example below will scan all the .html and .jade files and will inject the provided scripts and styles.

var gulp = require('gulp');
var gulpMultinject = require('gulp-multinject');
gulp.task('default', function () {
  gulp.src(['assets/**/*.html', 'assets/**/*.jade'])

For .html files it will inject between the tags:

  <!--END INJECT-->

For .jade files it will inject between the tags:


**At the moment only .html and .jade files are supported by default, but you can override the templates using the templateMap option (or submitting a PR) **


gulpMultinject(injectList, namespace, options)

Create a new gulp-multinject transform stream.


  • injectList: Array. A list of URLs or files to inject.
  • namespace: String. The namespace to use for the inject tags.
  • Options: Object|undefined. An object containing the following
    • templateMap: A map used for resolving the tag and templates to use for the injection. For an example of a template map look into the default template map
  • base : String. Defaults to "". The base directory for the injected files. It will be removed from the provided path before the injection
  • urlPrefix: String. Defaults to "/". A string to prepend to the injected file url.
  • relative: Boolean. Defaults to false. If true the injected path will be relative to the file it is injected into.
  • defaultExtension: String. Defaults to null. Sometimes if you are injecting some URLs, for example from a CDN, they don't contain an extension, in this case gulp-multinject will use this options to resolve the proper template to use for the injection.


MIT @ Mario Casciaro

Bitdeli Badge