2017-02-03 11 views
0

WebpackとWebpack開発サーバーを使用するAngular-seed for Angular 2をベースにしたソリューションを実行しています。Webpack-dev-serverのディスク上に静的ファイルが見つかりません

ローカルではすべて正常に動作していますが、ビルドされた静的ファイルが保存されている場所が見つかりません。たとえば、私はサイトをローカルで実行し、ファイルmain.bundle.jsは設定されたポート3000のlocalhostからダウンロードされますが、そのファイルはWindows Explorerの "検索"機能に応じてディスク上のどこにも存在しません。 出力:{ publicPath: ''、 パス:path.resolve(__ DIRNAME、 './dist')、 }、

係る

WebPACKのdevのサーバは、次のように出力を用いて構成されています私が読んだところでは、デフォルトの "build"フォルダの代わりに "dist"フォルダに静的ファイルを作成するべきですが、私が見つけることができる "dist"フォルダはありません。私はこの "dist"フォルダを "gobbledygook"に変更することができ、それも見つからない。

Webpackによって作成されたmain.bundle.jsは、明らかにどこかから提供されていますが、Explorerはそれを見つけることができません。これはすべて基本的ですが、私はWebPackのドキュメントとgoogleを読むと空白の行を描いています。私は何が欠けていますか?このものはメモリから提供されていますか?もしそうなら、webpackに、ノード以外のWebサーバーに展開できる本当の静的ファイルを私に与えるようにするにはどうしたらいいですか?

答えて

0

こんにちは、単にビルドコマンドを実行している、または発行していますか?あなたのpackage.jsonを見て、スクリプトセクションを見つけてください。あなたが同じスターターを持っていない可能性がありますが、私は角度クラスから使用するwebpackスターターの例は以下のコマンドを持っています。

# dev 
npm run build:dev 
# production 
npm run build:prod 
+0

ビルドは以下のようにスクリプトセクションにあります。私は誰かがこれに苦労している他の人への答えとして与えられた、ディスクに書き出すために必要であると主張したwebpackプラグインを見つけました。したがって、 "メモリ内の"ファイルはデフォルトであり、出力設定は効果がありません。 ""ビルド: "webpack - progress"、 "watch": "npm run build - - watch"、 "server": "webpack-dev-server --inline - -progress --port 3000 --content-base src "、 " start ":" npm実行サーバー " } –

関連する問題