javascript - 带有 js 扩展名的 React 文件的 GitHub 代码高亮显示

Question

如果您创建了一个 React 文件，但将其保存为 .js 扩展名，那么 GitHub 代码高亮会在到达文本中的单引号时中断。将相同的文件保存在 .jsx 中效果很好。

请参阅 this repo 上的示例.文件 correct-highlighting.jsx 和 incorrect-highlighting.js 具有相同的内容。如您所见，.js 有错误的语法突出显示。

有没有办法解决这个问题，同时仍然使用 .jx 扩展名？

Answer 1

基于 Linguist readme 的有点麻烦的解决方案是在文件中添加一个 vim 或 emacs 模式行。看来您可以将它添加到 JS 注释中，以保持源代码有效，同时在 GH 上保持正确的语法格式。

https://gist.github.com/ryanjduffy/50ba7c8d8adcbe1615cb016bf799cc69

// vim: syntax=JSX
import React from 'react';

export default class MyClass extends React.Component {
  render() {
    return (
      <a href="google.com">Let's head to google.com</a>
    );
  }
}