All Projects â†’ mariusschulz â†’ gulp-iife

mariusschulz / gulp-iife

Licence: MIT license
A Gulp plugin for wrapping JavaScript code in IIFEs.

Programming Languages

javascript
137047 projects - #8 most used programming language
typescript
23551 projects

Projects that are alternatives of or similar to gulp-iife

Gulp Ngmin
[DEPRECATED] Pre-minify AngularJS apps with ngmin
Stars: ✭ 89 (+128.21%)
Mutual labels:  gulp, gulp-plugin
Gulp Bro
👊 gulp + browserify + incremental build, done right.
Stars: ✭ 119 (+205.13%)
Mutual labels:  gulp, gulp-plugin
Gulp Ftp
[DEPRECATED] Upload files to an FTP-server
Stars: ✭ 100 (+156.41%)
Mutual labels:  gulp, gulp-plugin
Gulp Develop Server
Development assistant for node.js server by gulp
Stars: ✭ 72 (+84.62%)
Mutual labels:  gulp, gulp-plugin
gulp-px2rem
This is a gulp plugin for node-px2rem.
Stars: ✭ 19 (-51.28%)
Mutual labels:  gulp, gulp-plugin
Gulp Plugin Boilerplate
Boilerplate to kickstart creating Gulp plugins
Stars: ✭ 74 (+89.74%)
Mutual labels:  gulp, gulp-plugin
Gulp Modernizr
Gulp wrapper for custom Modernizr builds
Stars: ✭ 111 (+184.62%)
Mutual labels:  gulp, gulp-plugin
Gulp Jsonlint
🔍 jsonlint plugin for Gulp
Stars: ✭ 26 (-33.33%)
Mutual labels:  gulp, gulp-plugin
Gulp Html Replace
Replace build blocks in HTML. Like useref but done right.
Stars: ✭ 222 (+469.23%)
Mutual labels:  gulp, gulp-plugin
Gulp Tap
Easily tap into a gulp pipeline without creating a plugin.
Stars: ✭ 158 (+305.13%)
Mutual labels:  gulp, gulp-plugin
Gulp Json Editor
A gulp plugin to edit JSON objects
Stars: ✭ 55 (+41.03%)
Mutual labels:  gulp, gulp-plugin
gulp-tinypng-compress
TinyPNG API wrapper for compressing PNG & JPG images
Stars: ✭ 49 (+25.64%)
Mutual labels:  gulp, gulp-plugin
Gulp Require Tasks
Splits Gulpfile into multiple individual files
Stars: ✭ 51 (+30.77%)
Mutual labels:  gulp, gulp-plugin
gulp-recess
[DEPRECATED] Lint CSS and LESS with RECESS
Stars: ✭ 42 (+7.69%)
Mutual labels:  gulp, gulp-plugin
Generator Gulp Plugin Boilerplate
Scaffold out a Gulp plugin boilerplate
Stars: ✭ 46 (+17.95%)
Mutual labels:  gulp, gulp-plugin
Gulp Flatten
Gulp plugin: remove or replace relative paths for files
Stars: ✭ 102 (+161.54%)
Mutual labels:  gulp, gulp-plugin
Gulp Pug
Gulp plugin for compiling Pug templates
Stars: ✭ 512 (+1212.82%)
Mutual labels:  gulp, gulp-plugin
Gulp Angular Templatecache
Concatenates and registers AngularJS templates in the $templateCache.
Stars: ✭ 530 (+1258.97%)
Mutual labels:  gulp, gulp-plugin
Glup
Some of the gulp tutorial -《gulp笔记》
Stars: ✭ 136 (+248.72%)
Mutual labels:  gulp, gulp-plugin
gulp-append-prepend
➕ Simple Gulp plugin to append/prepend.
Stars: ✭ 15 (-61.54%)
Mutual labels:  gulp, gulp-plugins

gulp-iife

A Gulp plugin for wrapping JavaScript code within immediately invoked function expressions (IIFEs).

Install

$ npm install --save-dev gulp-iife

Usage

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

gulp.task("default", function() {
  return gulp.src("src/input.js")
    .pipe(iife())
    .pipe(gulp.dest("dist"));
});

Input file:

var greeting = "Hello, World!";
console.log(greeting);

Output file:

;(function() {
"use strict";

var greeting = "Hello, World!";
console.log(greeting);
}());

Options

You can configure the following options:

Here's an example specifying all available options:

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

gulp.task("default", function() {
  return gulp.src("src/input.js")
    .pipe(iife({
      useStrict: true,
      trimCode: true,
      prependSemicolon: false,
      bindThis: false,
      params: ["window", "document", "$", "undefined"],
      args: ["window", "document", "jQuery"]
    }))
    .pipe(gulp.dest("dist"));
});

Input file:

var greeting = "Hello, World!";
console.log(greeting);

Output file:

(function(window, document, $, undefined) {
"use strict";

var greeting = "Hello, World!";
console.log(greeting);
}(window, document, jQuery));

useStrict

A boolean indicating whether to prepend a "use strict"; directive to the function body.

  • Default: true

trimCode

A boolean indicating whether to remove leading & trailing whitespace from the code.

  • Default: true

prependSemicolon

A boolean indicating whether to prepend a semicolon as statement terminator before the IIFE.

  • Default: true

bindThis

A boolean indicating whether to append .bind(this) to the IIFE. Setting this value to true makes the surrounding global object available to the function, which is usually not the case in strict mode.

  • Default: false

params

An array of parameter names to be accepted by the IIFE. If the args option is not specified, the same identifiers will be passed as arguments of the function call.

  • Default: none

args

An array of argument names to be passed into the IIFE. If the params option is not specified, the parameters of the function will have the same names as the arguments passed.

  • Default: none

Source Maps

gulp-iife supports source maps, which means you can use it like this:

var gulp = require("gulp");
var iife = require("../gulp-iife/lib");
var sourcemaps = require("gulp-sourcemaps");

gulp.task("default", function() {
  return gulp.src("src/input.js")
    .pipe(sourcemaps.init())
    .pipe(iife({ }))
    .pipe(sourcemaps.write("./"))
    .pipe(gulp.dest("./built"));
});

Changelog

The changelog can be found in CHANGELOG.md.

Formatting

In the spirit of Gulp plugins, gulp-iife does one thing and one thing only: adding wrapping IIFEs.

If you'd like the resulting code to be neatly indented or otherwise formatted, pipe the output to another Gulp plugin which formats the JavaScript code, such as gulp-esformatter.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected]