如何在React + Browserify环境中应用Codemirror模式

Question

我正在基于这个样板开发一个应用程序：react-app-boilerplate

我正在使用react-codemirror module

我想要将javascript模式应用于代码错误，但是在symply插入在http://codemirror.net/mode/javascript/javascript.js找到的外部脚本时，我得到一个'CodeMirror is undefined‘错误

我不确定如何在这个配置中把所有东西都放在一起，我试图从javascript.js文件中的react-codemirror中请求CodeMirror对象，但没有成功。

var InputCode = React.createClass({
  getInitialState () {
    return {
      code: '{ "message": "Some JSON input" }'
    };
  },
  updateCode (newCode) {
    this.setState({
      code: newCode
    });
  },
  render () {
    var options = {
      lineNumbers: true,
      extraKeys: {"Ctrl-Space": "autocomplete"},
      mode: {name: "javascript", json: true, globalVars: true},
      theme: "sublime-text-like",
      viewportMargin: Infinity
    };
    return <Codemirror value={this.state.code} onChange={this.updateCode} options={options} />;
  }
});

Answer 1

预先要求您需要的所有CodeMirror模式和插件--当您需要它们时，它们会使用CodeMirror.defineMode()进行自我配置，所以当CodeMirror稍后尝试使用它们时，它们就会被找到。

例如，对于您正在使用的样板，在呈现您的应用程序之前，需要在其main.js模块中使用JavaScript模式：

require('codemirror/mode/javascript/javascript')