部署我的第一个React应用
Deploying my first React App
我用样板构建了一个小的React应用程序,可以在
找到https://github.com/vasanthk/react-es6-webpack-boilerplate我已经在我的本地主机上运行了,没有问题。但是,我不确定如何配置它来运行。
例如,服务器js文件看起来像这样/* eslint-disable no-var, strict */
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config');
new WebpackDevServer(webpack(config), {
publicPath: config.output.publicPath,
hot: true,
historyApiFallback: true
}).listen(5000, 'localhost', function (err) {
if (err) {
console.log(err);
}
console.log('Listening at localhost:5000');
});
如果我想索引页是www.mydomain.com/react/我把它放在localhost的地方吗?在服务器上运行npm install似乎比在本地机器上安装更少的模块。
基本上,我是React和Webpack的新手,不确定需要采取哪些步骤才能启动并在生产中运行。
我知道很多事情可能会出错,所以不寻找一个确切的答案,但一些指导将是伟大的。
要在生产环境中使用您的应用程序,您应该使用以下命令构建bundle js:
npm run build
这些命令,在您的样板文件中产生以下命令,用于构建生产模式下的js文件:
BABEL_ENV=production ./node_modules/.bin/webpack --config webpack.config.production.js
相关文章:
- 使用Jest测试React Native应用程序
- 为什么不't Express呈现我的React应用程序
- React应用程序:道具在下一个事件后更新
- React Rails应用程序中动态子项的密钥分配问题
- 将对应用内购买的支持构建为react本机代码
- 使用react native检测应用程序终止
- 可以在React Native中制作一个自哈希应用程序
- React/redux应用程序在Safari上呈现空白屏幕
- React js应用程序's在托管应用程序中打开时将覆盖css样式
- 我可以在React应用程序中使用什么作为Angular的等价物;s$http.get
- 我的React应用程序的根文件夹与React Router冲突
- 从使用react路由器的网络应用程序解析物理URL
- React/Node应用程序中的Facebook评论插件.js仅在刷新时显示
- 在 React/Redux 应用程序中,我应该何时显式传递一个 prop,而不是使用 mapStateToProps 从
- 我在哪里从 React Redux 应用程序中的服务器获取初始数据
- jquery.mobile-1.4.5.js:26未捕获类型错误:无法设置属性'移动'react应用程序
- 如何在react组件上应用css样式
- 如何在React应用程序中处理权限检查(Redux中的状态维护)
- 在同构的React web应用程序中,选择服务器渲染的最佳方式是什么
- React应用程序中的setInterval