个性化阅读
专注于IT技术分析

在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>;
  }
})

希望能帮助到你

赞(0) 打赏
未经允许不得转载:srcmini » 在wordpress根主题中包含React js的正确方法
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏