fid-umd 是一个用于前端项目中的 UMD 模块打包工具，通过使用该工具，可以将你的项目代码打包为一个 UMD 格式的 JavaScript 文件，使得这个文件可以在不同的运行时环境（AMD、CommonJS、Browser）中使用。
安装
可以使用 npm 包管理器安装 fid-umd：
npm install fid-umd --save-dev
使用
配置文件
使用 fid-umd 需要提供一个配置文件，在项目根目录新建一个名为 umd.config.js 的文件，并按照如下格式填写：
-- -------------------- ---- ------- -------------- - - ------ --------------- ------- - ----- ----------------- ----- ----------- -- ---- - ---- ----- --------- ----- ------- ----------- - --展开代码
其中：
entry：指定入口文件；output.file：指定打包后的文件路径；output.name：指定模块在全局对象中的名称；umd.amd：是否支持 AMD 规范；umd.commonjs：是否支持 CommonJS 规范；umd.global：指定在全局对象中的名称。
打包命令
在 package.json 中的 scripts 字段中添加打包命令：
{ "scripts": { "build": "fid-umd" } }
执行以下命令即可进行打包：
npm run build示例代码
这里提供一个简单的示例代码：
// src/index.js export function sayHello() { console.log('Hello, world!'); }
执行 npm run build 后，会在 dist/ 目录下生成一个名为 bundle.js 的文件。你可以在浏览器中引入该文件，然后在控制台中执行以下代码：
MyLibrary.sayHello(); // "Hello, world!"
结语
fid-umd 是一个方便易用的 UMD 打包工具，在前端项目开发过程中可以大幅提高模块的复用性和通用性。如果你需要构建一个支持 AMD、CommonJS 和全局对象的 JavaScript 库，fid-umd 将是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43792
