什么是 wraptor？
wraptor 是一个用于将任意 JavaScript 库（将其作为 CommonJS 模块）转换为可以在浏览器中使用的包装器。它的原理是将 JavaScript 库封装到一个自定义的 CommonJS 模块中，并将其转换为浏览器可以使用的格式。
安装 wraptor
在使用 wraptor 之前，需要先将其安装到项目的依赖中。可以通过 npm 命令来完成安装：
npm install wraptor
使用 wraptor
使用 wraptor 的步骤非常简单，只需要在代码中引入需要封装的 JavaScript 库，然后使用 wraptor 提供的函数进行封装即可。下面是一个示例代码：
// 引入需要封装的 JavaScript 库
const myLibrary = require('./myLibrary');
// 使用 wraptor 封装 myLibrary
const wraptor = require('wraptor');
const wrappedLibrary = wraptor.wrap(myLibrary);封装完成后，就可以将生成的文件用于浏览器端的开发了。
其他选项
wraptor 提供了一些可选项，可以根据需求配置，以获得更好的性能和更多的功能。
对象导出
如果封装的 JavaScript 库有多个导出对象，可以通过配置 exports 选项来指定需要暴露的对象。
// 将 myLibrary 的 foo 和 bar 方法暴露出来
const wrappedLibrary = wraptor.wrap(myLibrary, { exports: ['foo', 'bar'] });自定义文件名
默认情况下，wraptor 会根据传入的库名生成一个文件名。如果需要自定义文件名，可以通过配置 filename 选项来指定。
// 将生成的文件名设置为 myLibrary.js
const wrappedLibrary = wraptor.wrap(myLibrary, { filename: 'myLibrary.js' });全局导出
有些情况下，需要将封装后的库对象暴露为全局变量。这可以通过配置 global 选项来实现。
// 将封装后的库对象暴露为全局变量 myLibrary
const wrappedLibrary = wraptor.wrap(myLibrary, { global: 'myLibrary' });总结
wraptor 是一个非常方便的工具，可以帮助前端开发者将 JavaScript 库转换为浏览器可用的格式。通过本文的学习，你应该已经了解了 wraptor 的基本使用方法以及一些高级用法。在实际开发中，根据自己的需求，可以通过可选项来配置 wraptor，以获得更好的性能和更多的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671188dd3466f61ffe756