在现有的Node.js Express项目上使用React,Webpack和Babel

时间:2019-04-01 23:27:53

标签: node.js reactjs express webpack babel

最后,我在现有的非反应nodejs Express应用程序https://www.valentinog.com/blog/react-webpack-babel/上完成了以下React / Webpack / Babel教程。 因此,完成本教程后,我当前的程序具有相同的上下文。

原始程序的运行方式如下:library(purrr) library(rvest) url_base <- "https://www.nndb.com/lists/494/000063305/" b_dataset <- map_df(1:91, function(i) { page <- read_html(sprintf(url_base, i)) data.frame(ICOname = html_text(html_nodes(page, ".name"))) })

如果我运行它,则此行(index.js)存在问题: nodejs index.js 3002 http://localhost:3001"很有意义,因为它是一个jsx文件。

所以问题是我如何告诉Webpack运行import FormContainer from "./js/components/container/FormContainer.jsx";来创建一个快速服务器,React组件并将它们显示在index.html上?

NPM开始:index.js

基于这篇文章Webpack configuration in React application with express and babel,看来我不得不将两者分开。就像在"start": "webpack-dev-server --open --mode development"中的唯一地方import FormContainer from "./js/components/container/FormContainer.jsx";一样,将我的旧代码复制到另一个文件中,例如myProgram.js,该文件不会引用index.js

当myProgram.js中的服务器运行时,在执行FormContainer.jsx时将调用重新路由到/dist/index.html。如果是这样,那么由于GET /中只有index.html,它对于多个.html页面如何工作?

0 个答案:

没有答案