使用Webpack使React在Ghost上与Casper主题一起使用

时间:2018-09-25 14:23:21

标签: javascript reactjs webpack ghost-blog

我正在Ghost中建立一个网站,并试图启动和运行React和Webpack。我遇到了以下帖子: https://medium.com/@tranvu/integrating-webpack-into-the-casper-theme-ghost-b68b49a073b4

并在更新依赖关系和webpack配置后使Ghost默认主题(Casper)与Webpack一起运行。

此解决方案令我感到惊讶的是,Webpack并未用于编译车把模板。显然,Ghost服务器正在解决这个问题。

我目前在如何将React组件添加到车把模板上感到困惑。在此处检查index.hbs并在其中反应组件(QuoteComponent.js)文件:

https://bitbucket.org/bjornbrynjar/casper-react-webpack/

这是正确的方法吗,如果可以的话,您可以看到缺少的内容,因为该网页已呈现所有脚本的正确链接,但以下代码无法正常工作:

const wrapper =  document.getElementById("quote_container");
wrapper ? ReactDOM.render(<QuoteContainer />, wrapper) : false;

任何有关如何进行的想法或建议都会有很大帮助!

0 个答案:

没有答案