Question

我第一次使用Wordpress root主题，也是第一次使用bower。我想在我的主题中包含反应js，只是想知道正确的步骤。

我跑了＃34; bower install --save react＆＃34; ...

所以我现在已经＆＃34;做出反应＆＃34;文件夹位于＆＃34; / wp-content / themes / mytheme / bower_components＆＃34;

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

＆＃34; /wp-content/themes/mytheme/bower_components/react/react.min.js"

＆＃34; /wp-content/themes/mytheme/bower_components/react/JSXTransformer.js"

从这里我不确定正确的步骤，我编辑了＆＃34; bower.json＆＃34;文件直接如此......

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

然后我在＆＃34; wp-content / themes / mytheme / lib / assets.php＆＃34;编辑了文件。像这样...

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

没有加载。我怎样才能改变＆＃34;类型＆＃34; JSXTransformer脚本上的参数是＆＃34; text / jsx＆＃34;

Answer 1

我没有使用wordpress所以这个答案将基于假设，但根据我对凉亭的经验，你不需要在编译后要求文件。你可以直接调用它取决于他们如何定义变量。你只需要编译文件。

所以对于反应，他们像React

一样使用它

在那里你可以在你的代码上添加它，如

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

希望有所帮助

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

1 个答案: