ReactJs webpack热重装

时间:2017-03-15 12:46:29

标签: reactjs webpack

我是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环境中是否存在或将会有一种标准的热重新编码方式。或者我应该坚持哪种方式?

2 个答案:

答案 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