問題タブ [webpack]

Webpack Dev Server ( http://webpack.github.io/docs/webpack-dev-server.html )にラップされた単純なノード Express サーバーを使用しています。

静的ファイルが「public」というディレクトリにある最上位ディレクトリから高速アプリを開始しています。

次の構成行があります。

と入力http://0.0.0.0:3000/index.htmlすると、すべて問題ありません。

の URL はhttp://0.0.0.0:3000/、最上位のディレクトリ リストを生成します。

http://0.0.0.0:3000/index.html ファイルに移動するように構成する適切な方法は何ですか?

私は webpack を初めて使用し、既存の Web アプリケーションを変換して使用しています。

私は webpack を使用して JS をバンドルおよび縮小していますが、これは展開時に優れていますが、これにより開発中のデバッグが非常に困難になります。

通常、Chrome の組み込みデバッガーを使用して JS の問題をデバッグします。（またはFirefoxのFirebug）。ただし、webpack ではすべてが 1 つのファイルに詰め込まれるため、そのメカニズムを使用してデバッグするのは困難になります。

バンドリングをすばやくオンまたはオフにする方法はありますか? または縮小化をオンまたはオフにしますか？

スクリプト ローダーの構成またはその他の設定があるかどうかを確認しましたが、明らかではないようです。

すべてをモジュールのように機能させ、require を使用するように変換する時間はまだありません。したがって、ロードには単に require("script!./file.js") パターンを使用します。

私はそれとフラグでwebpack-dev-serverを使用しています。これはすべてうまくいきます。--inline--host

webpack-dev-server --inline --host example.com

次に、 gulpと webpack-dev-server APIを使用してこのタスクをまとめることを検討しました。

これは機能していないようです。API にはまたはがないと思いinlineますhost。

これが可能かどうか、何か考えはありますか?

JS モジュールのフォルダー構造があります。ページごとに 1 つのモジュールが必要です。これは単一ページのアプリではありません。

フォルダ構造でファイルを出力するにはどうすればよいですか?

私が見ることができる唯一の可能性は、出力すること[name].jsです。これは、名前を非常に一意にするか、名前に-フォルダー区切り記号を付けるとうまくいく可能性があります。a/b/c.jsこれは、 name に変換されることを意味しa-b-cます。私は本当にこれが好きではありません。できるようになりたいrequire("a/b/c")です。

私が知る限りrequire、モジュールの外部では利用できないため、単一のバンドルファイルも使用できません。もしそうなら、私は単一のバンドルをrequire("a/b/c")すべてのページで構築することができました.

インターネット上で見つけられない良い方法があれば教えてください。

r.jsを使ってrequire.jsで簡単にできるようですが、require.jsを使いたくないのでCommonJSモジュールが欲しいです。

コンポーネントに React を使用しており、スタイルをコンポーネントにパッケージ化するために、文書化された webpack メソッドに従ってスタイルを要求しています。 require('./style.css'); しかし、サーバーでレンダリングしようとすると、node-jsx がエラーをスローします。 css を変換しようとしたとき。cssで壊れないjsxを変換する別の方法はありますか? スタイルを独自のパイプラインに分割するのは避けたいと思います。これは、コンポーネントをパッケージ化する Webpack の利点がうまく失われるからです。