在wordpress根主题中包含React js的正确方法

https://roots.io/

我第一次使用Wordpress roots主题, 也第一次使用Bower。我想在主题中包含react js, 只是想知道应该采取的正确步骤。

我跑了” bower install –save react” …

所以我现在在” / wp-content / themes / mytheme / bower_components”下有” react”文件夹

我需要它来加载2个文件：

” /wp-content/themes/mytheme/bower_components/react/react.min.js”

” /wp-content/themes/mytheme/bower_components/react/JSXTransformer.js”

从这里我不确定正确的步骤, 我像这样直接编辑了” bower.json”文件。

"overrides": {
  "modernizr": {
    "main": "./modernizr.js"
  }, "react":{
    "main":[
      "./react.min.js", "./JSXTransformer.js"
    ]
  }
}, 

然后, 我像这样编辑” wp-content / themes / mytheme / lib / assets.php”中的文件…

wp_enqueue_script('react', asset_path('scripts/react.js'), [], null, true);
wp_enqueue_script('JSXTransformer', asset_path('scripts/JSXTransformer.js'), [], null, true);

它没有加载。以及如何将JSXTransformer脚本上的” type”参数更改为” text / jsx”

#1

我未使用wordpress, 因此此答案将基于假设, 但是根据我对bower的经验, 你无需在编译后要求文件。你可以直接调用它取决于他们如何定义变量。你只需要编译文件即可。

所以对于React他们像React一样使用它

在那里你可以将其添加到你的代码中, 例如

React.createClass({
  render() {
    return <div>blah</div>;
  }
})

希望能帮助到你