我正在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;
任何有关如何进行的想法或建议都会有很大帮助!