開發模式下的ReactJS

Question

有沒有一種方法不必每次都運行我的應用程序？ 編譯后就無法調試。 我已經在視頻中看到，瀏覽器加載了數百個js文件，而不是一個大的build.js。

我需要進行哪些更改才能實現此目的？

Answer 1

這是使用諸如React之類的現代事物的失敗，但是答案是使用諸如webpack之類的東西。 Webpack能夠生成單個文件，但也可以生成單個文件。 然后，瀏覽器工具能夠將單個構建文件映射到原始源代碼，從而使調試變得更加容易。 Browserify也具有此功能，您可以將其與側吞咽或咕unt聲一起使用，並與babel一起用於編譯ES6。

但我建議您檢查一下webpack，因為它越來越普遍。 我個人覺得很難弄清楚，但是一旦運行起來，那就太好了。 我沒有一個很好的示例，可以方便地將webpack與react一起使用，但是有關該主題的文章和教程很多： https ：//www.codementor.io/reactjs/tutorial/beginner-guide-setup- reactjs-environment-npm-babel-6-webpack