在前端开发中，我们难免要编写一些 JavaScript 代码，而对于一些大型项目来说，我们需要将代码拆分成多个模块，最终合并输出一个文件。这时候，我们需要使用工具来协助我们完成这项工作，gulp 便是其中之一。gulp-iife 是 gulp 的一个插件，它可以帮助我们将代码封装在 IIFE(Immediately Invoked Function Expression) 中，并支持 ES6 的模块语法，是非常方便的一个工具。
安装
使用 npm 进行安装：
npm install gulp-iife --save-dev
安装完成后，在 gulpfile.js 中引用：
const gulp = require('gulp');
const iife = require('gulp-iife');使用
我们可以将所有的 JavaScript 文件打包到一个文件中，该文件通过 IIFE 封装，这对于代码的压缩混淆是非常有用的。我们来看一个例子：
-- -------------------- ---- -------
-- -----------
----- ---- - ----------------
----- ---- - ---------------------
-------------------- ---------- -
------ -------------------------
-------------
---------------------------
---以上代码中，我们使用了 gulp 的 src 方法来指明需要压缩的文件，然后使用 iife 方法将 JavaScript 代码封装在 IIFE 中。该方法还支持以下参数：
params
Type: array
IIFE 函数的参数列表数组。
useStrict
Type: boolean
是否需要添加 'use strict' 来严格规范代码。
prependSemicolon
Type: boolean
是否需要在代码前添加分号，防止被其他代码污染。
bindThis
Type: boolean
绑定 this 到定义的 IIFE 函数中。
使用起来也很简单，只需在 iife 方法中传入对应的参数即可：
-- -------------------- ---- -------
-------------------- ---------- -
------ -------------------------
------------
------- ---------- ----------- -----
---------- -----
----------------- -----
--------- ----
---
---------------------------
---结语
使用 gulp-iife 工具，我们可以将 JavaScript 代码简单的封装在 IIFE 中，增加了代码的安全性和可读性。并且该工具支持多种参数设置，可以根据项目需求进行灵活的配置。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70045