DEV Community
·
创建一个remark插件以提取MDX阅读时间
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
本文介绍了如何创建一个remark插件，以便在将MDX文件作为ES模块导入时，使阅读时间数据可用。通过使用remark解析markdown文件，将内容转换为抽象语法树（AST），然后使用插件进行操作。为了提供更好的用户体验，常常需要显示文章的预计阅读时间。本文将创建一个remark插件，从MDX文件中提取阅读时间数据，并在将MDX文件作为ES模块导入时使其可用。通过安装相关库和创建插件，可以实现这一目标。最后，还可以通过增强MDX类型定义来使插件更加开发者友好。这个remark插件可以直接使用阅读时间数据，并通过ESM tree-shaking提供更好的性能。
🎯
关键要点
- 本文介绍了如何创建一个remark插件，以便在将MDX文件作为ES模块导入时，使阅读时间数据可用。
- remark是一个强大的markdown处理器，可以用来创建自定义插件以转换markdown内容。
- 通过解析markdown文件，内容被转换为抽象语法树（AST），可以使用插件进行操作。
- 为了提供更好的用户体验，常常需要显示文章的预计阅读时间。
- 本文将创建一个remark插件，从MDX文件中提取阅读时间数据，并在将MDX文件作为ES模块导入时使其可用。
- 需要安装相关库来帮助计算阅读时间和进行基本的AST操作。
- 插件提取MDX内容并计算阅读时间，随后将阅读时间数据附加到MDX内容上。
- 可以通过增强MDX类型定义来使插件更加开发者友好。
- 使用该remark插件可以直接使用阅读时间数据，并通过ESM tree-shaking提供更好的性能。
🏷️
标签
➡️
