npm 包 mime-db 使用教程

当我们在开发前端应用时，可能需要处理多种不同类型的文件。而这些文件都需要根据其文件类型进行不同的处理。比如，我们需要在上传图片时判断图片类型是否正确，或者在加载资源时需要针对不同类型的资源来选择不同的处理方式。这时，就需要使用到 npm 包 mime-db。

mime-db 是什么？

mime-db 是一个 npm 包，用于管理不同文件类型和 MIME 类型之间的对应关系。它提供了一组大约 1500 种文件类型和 MIME 类型之间的对应关系，包括了常见的文本、图片、视频、音频等多种类型。

安装

你可以通过 npm 安装 mime-db：

npm install mime-db

使用

安装完 mime-db 后，你可以通过以下代码来获取某个文件类型对应的 MIME 类型：

const mime = require('mime-db');

const fileType = 'mp4'
const mimeType = mime[fileType]?.['mime'];

console.log(mimeType); // 'video/mp4'

上面的代码中，我们通过 mime-db 导入了所有 MIME 类型的配置信息，并指定了需要获取的文件类型为 mp4。

使用 mime-db 的时候，我们只需要在需要的地方导入即可。不需要执行任何初始化操作。

拓展

如果我们需要增加或修改某个文件类型对应的 MIME 类型，可以通过以下步骤来完成：

1. 在 https://www.freeformatter.com/mime-types-list.html 网站查询需要修改的文件类型对应的 MIME 类型；
2. 打开 mime-db 的源代码文件 src/custom-suffix.json 或 src/custom-types.json，查找需要修改的文件类型对应的配置项；
3. 修改对应文件类型的配置项，将 mime 字段的值修改为查询到的 MIME 类型；
4. 执行 npm run update-db 命令，将修改后的 MIME 类型更新到 mime-db 的静态文件中；
5. 提交修改后的代码。

总结

mime-db 是一个非常实用的 npm 包，能够帮助开发者快速得到文件类型和 MIME 类型之间的对应关系。对于文件类型处理和资源加载等方面都有着广泛的应用。希望本文对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40463