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”
【在wordpress根主题中包含React 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>
;
}
})
希望能帮助到你
推荐阅读
- 主题面板中的WordPress logo上传选项
- 如何将WordPress模板与CodeIgniter集成
- 如何在WordPress主题中包含jQuery（）
- get_header操作不起作用
- 通过管理员在WordPress中编辑页脚内容
- href标签属性不可点击
- 将meta_value保存为序列化数组时的WP_Query
- wp_enqueue_style未添加版本
- Ubuntu安装MPEG-4 AAC解码器和H.264解码器