我是ReactJS的新手并尝试创建一个流畅的开发环境。我已经从零开始没有使用过平板电脑,我一直很好,直到热重装。
首先,我发现的是Dan Abramov's hot reloading approach。 它为webpack.config.js和一个初学者不熟悉的server.js文件添加了一些选项。这很好地设置了服务器 - 浏览器热重新加载连接。
但是,当我安装ReactJS hello world的样板时,它也会运行热重载过程但是,我发现没有任何server.js,甚至没有webpack.config.js文件。 ( package.json中有react-scripts
脚本。我想这个脚本会处理所有的webpack和热重装配置。)
所以我想知道在react + webpack环境中是否存在或将会有一种标准的热重新编码方式。或者我应该坚持哪种方式?
答案 0 :(得分:0)
创建server.js的方式,并使用来自包文件的npm脚本运行它的首选方式。
你应该在包文件中添加如下内容: json对象
{ "开始":" babel-node tools / server.js" }
然后你可以使用npm start
你应该有 - server.js 文件,其中包含所有app server initalizition等:
const app = express();
const compiler = webpack(config);
app.use(require('webpack-hot-middleware')(compiler));
希望它对你有所帮助,hod
答案 1 :(得分:0)
由于您使用create-react-app样板文件,您可能会发现这篇小文章很有用
https://medium.com/superhighfives/hot-reloading-create-react-app-73297a00dcad#.xs591a2t3