0
実行するたびにアプリケーションをビルドする必要はありませんか？それがコンパイルされるとデバッグすることは不可能です。私はビデオの中で、1つの大きなbuild.jsの代わりに100sのjsファイルをブラウザにロードすることを見てきました。開発モードのReactJS
これを行うには何を変更する必要がありますか？
A
答えて
1
これはReactのような現代的なものを扱う際の落ち込みですが、答えはwebpackのようなものを使うことです。 Webpackは単一のファイルを生成することができますが、ソースマップを生成することもできます。これにより、ブラウザツールは、単一のビルドファイルを元のソースコードにマップすることができ、デバッグが非常に簡単になります。 Browserifyにはこの機能もあります。これはサイド・ガルプやグラントに沿って使用でき、ES6をコンパイルするためのバベルもあります。
もっと一般的になってきているので、webpackをチェックアウトすることをおすすめします。個人的にはわかりにくいですが、いったん実行してしまえばそれは素晴らしいことです。私は、反応とwebpackを使用して便利な例を持っていないが、件名に&チュートリアルがあります：https://www.codementor.io/reactjs/tutorial/beginner-guide-setup-reactjs-environment-npm-babel-6-webpack
+0
私はJSPMを使用しています。 – imperium2335
+0
私はwebpackもお勧めします。学習曲線はありますが、webpack devサーバー上でホットモジュールの交換を設定し、リロードせずに飛行機に反映される可能性を見てみると、それだけの価値があります。 [React Hot Loader 3]（https://github.com/gaearon/react-hot-loader）を見て、[todomvcの例]（https：// github。 com/gaearon/redux-devtools/tree/master/examples/todomvc）を参照してください。 –
あなたはまだそれをバンドルすることができますwebpackのソースマップをオンにすることができますあなたはコンソールでコードをデバッグすることができます。 – Andy