CotEditor 5.0.6 新增对 JavaScript 模块文件 (.mjs) 的语法高亮支持

随着现代前端开发的演进，JavaScript 模块化已成为标准实践。ECMAScript 模块（ESM）通过 .mjs 扩展名明确标识模块文件，与传统的 .js 脚本区分开来。CotEditor 作为一款轻量级却功能强大的 macOS 文本编辑器，在最新发布的 5.0.6 版本中正式加入了对 .mjs 文件的语法高亮支持，进一步提升了开发者体验。

背景：为什么需要专门的 .mjs 支持？

1. 模块化开发的普及
   ESM 是 JavaScript 官方的模块化方案，支持静态分析和树摇优化。Node.js 和浏览器环境均已原生支持 .mjs 扩展名，开发者常通过该后缀显式声明模块类型。

2. 工具链的适配需求
   现代构建工具（如 Webpack、Rollup）和运行时环境（如 Node.js）会依据文件扩展名差异处理模块加载逻辑。编辑器层面的语法高亮能帮助开发者快速识别模块文件。

3. 代码可维护性
   统一的语法高亮规则可避免开发者在 .js 和 .mjs 文件间切换时的视觉割裂感，尤其适合大型项目。

技术实现要点

CotEditor 通过扩展内置的 JavaScript 语法定义文件（如 JavaScript.syntax），将 .mjs 扩展名纳入自动检测范围。其底层机制包括：

• 文件扩展名关联
  编辑器配置文件映射表新增 .mjs → JavaScript 的关联，触发与 .js 相同的语法分析规则。

• 语法规则复用
  复用现有 JavaScript 语法高亮逻辑，确保对 import/export 等模块语法关键字的精准着色。

• 版本兼容性
  该特性从 5.0.6 版本开始支持，用户升级后无需额外配置即可生效。

开发者价值

1. 开箱即用的体验
   新建或打开 .mjs 文件时自动启用语法高亮，减少手动切换语言模式的操作成本。

2. 视觉一致性
   模块文件与普通脚本采用相同的高亮配色方案，保持代码阅读连贯性。

3. 现代开发支持
   顺应技术趋势，为使用 ESM 的开发者提供更友好的工具链支持。

延伸思考

未来 CotEditor 可进一步加强对模块化开发的支持，例如：

• 增加对 import.meta 等特殊语法的高亮
• 提供模块依赖关系的可视化工具
• 集成类型脚本（.mts）的模块支持

这一更新体现了 CotEditor 团队对开发者需求的快速响应能力，也展现了其作为 macOS 平台专业代码编辑器的持续进化姿态。