我有一个非常简单的node.js API
结构体：
| project-name
| public
| index.html
| ... some static js/css
| app.js
| package.json
app.js
var express = require('express'),
bodyParser = require('body-parser'),
http = require('http');
var app = module.exports = express();
app.set('port', process.env.PORT || 8000);
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: true
}));
app.use(express.static(path.join(__dirname, 'public')));
app.route('/api/projects').get(...).post(...)
app.route('/api/sales').get(...).post(...)
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'public', 'index.html'));
});
// Starting express server
http.createServer(app).listen(app.get('port'), function() {
console.log('Express server listening on port ' + app.get('port'));
});
运行服务器- node app.js
注意：这是一个学习项目，不用于生产。我只想弄清楚它们如何协同工作。
现在，我想添加ReactJS到该项目（精简为public/index.html）。但是我仍然想使用app.js具有相同端口的api来运行服务器。
我知道如何进行“生产构建”（将所有jsx编译为js并用作简单脚本）。我的问题只是关于开发服务器。
我想要：
node app.js或其他命令）运行服务器（api）和客户端（reactjs nodemon app.js）nodemon可以做到）这不是产品的解决方案，但是它将在第一次测试中使用-仅将react和babel（对于JSX）包含到您的产品中index.html
// index.html
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="/client/app.jsx" type="text/babel"></script>
现在您可以尝试react：
// app.jsx
var App = React.createClass({
render: function() {
return (
<div className="app">
Hello, world!
</div>
);
}
});
ReactDOM.render(
<App />,
document.getElementById('root')
);
但在这种情况下，你不能使用包通过安装npm（不能使用import XXX from "YYY";建），您必须通过将它们包括<script>标签（如react和react-dom以上）
这样，您可以分别运行前端和后端，但是将文件保持在一起。
Express和React文件位于同一台机器上，Express承担着双重职责：它服务于React文件，还服务于API请求。
要使用CLI安装React，还需要安装NodeJS。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句