最后,我在现有的非反应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页面如何工作?