在前端开发中，我们经常会使用一些第三方的 JavaScript 库和插件来帮助我们完成开发任务。但有时候这些库的使用方式和我们的项目需求有所不同，需要进行一些修改和定制。此时，一个方便的工具——cjs2iife 就派上用场了。
简介
cjs2iife 是一个 npm 包，它可以将 CommonJS 格式的模块转换成 IIFE（立即执行函数）格式的模块，并使用 UglifyJS 进行压缩混淆。使用 cjs2iife 可以快速地将常规的 JavaScript 模块转换成适合直接用于浏览器端的模块。
安装
首先，在项目根目录下打开终端，使用以下命令来安装 cjs2iife：
npm install -g cjs2iife
使用
命令行方式
安装完成后，我们可以在终端直接使用 cjs2iife 命令来进行转换：
cjs2iife file.js -o file.min.js
其中，file.js 是需要转换的文件名，-o 参数是指定输出文件名，可以不指定，默认和源文件同名，只是后缀更改成 .min.js。
在代码中使用
当我们需要使用 cjs2iife 转换多个文件时，可以使用以下方式：
-- -------------------- ---- ------- ----- -------- - -------------------- ----- ----- - - ----------- ----------- ---------- -- ------------------ -- - ----- ---- - ------------------- ----------- -------------- - ------- ---- --- ---
其中，cjs2iife 函数的第一个参数是源文件名，第二个参数是一个可选的配置对象，支持以下选项：
output：输出文件路径，可以是相对或绝对路径，默认值为源文件同名，后缀改为.min.js。name：输出模块名，可以被浏览器全局访问，默认值为文件名去掉后缀并大写第一个字母。sourceMap：设置是否输出 sourcemap，取值为 true 或 false，默认不输出。
示例代码
以下是一个示例代码，源文件 foo.js 中定义了一个函数 foo()，使用 cjs2iife 将其转换成了可以直接在浏览器中使用的模块：
// foo.js
function foo(name) {
console.log('Hello,', name);
}
module.exports = foo;// foo.min.js
!function(n,o){var e={};function t(n,t){if(!e[n]){if(!o[n]){var r=new Error("Cannot find module '"+n+"'");throw r.code="MODULE_NOT_FOUND",r}var u=e[n]={exports:{}};o[n](u,u.exports,t),u=u.exports}return e[n].exports}var r=function(n){n.call(n,n.exports,t)},u=t("foo");r(u),window.Foo=u.exports}({},function(n,o,e){var t=this.require=function(n){return e(n)},r=function(){return Object.create(null)};Object.defineProperty(r.prototype,"__esModule",{value:!0});var u=t("./foo");t("./foo");t("./foo"),t("./foo");t("./foo");n.exports=u},"foo")我们可以看到，转换后的模块被包裹在一个立即执行的函数中，可以直接在浏览器中使用。可以使用以下方式调用：
Foo('world');
// 输出 "Hello, world"总结
cjs2iife 是一个非常方便的 npm 包，可以帮助我们将常规的 JavaScript 模块转换成适合浏览器端使用的模块。通过本文的介绍，读者可以了解 cjs2iife 的使用方法和注意事项，从而更快速地使用该工具进行开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70558