ReactJS处于开发模式

时间:2016-05-03 14:03:59

标签: javascript reactjs ecmascript-6

有没有办法在每次运行时不必构建我的应用程序?一旦编译就无法进行调试。我在视频中看到浏览器加载了100个js文件而不是一个大的build.js。

为了实现这一目标,我需要做些什么改变?

1 个答案:

答案 0 :(得分:1)

这是与React这样的现代事物合作的垮台,但答案是使用像webpack这样的东西。 Webpack能够生成单个文件,但也可以生成源映射。然后,浏览器工具可以将单个构建文件映射到原始源代码,从而使调试更加容易。 Browserify也具备这种能力,您可以使用它一起使用,也可以使用babel来编译ES6。

我建议检查webpack,因为它变得越来越普遍。就个人而言,我觉得弄清楚它有点棘手,但是一旦你运行它就会很棒。我没有一个很好的例子,方便使用带有反应的webpack,但是有很多文章&关于这个主题的教程:https://www.codementor.io/reactjs/tutorial/beginner-guide-setup-reactjs-environment-npm-babel-6-webpack