問題タブ [html-webpack-plugin]

Express-generetor npm モジュールをインストールしました。テンプレートとして使用される jade ファイルを使用してプロジェクトがどのように構成されているかが気に入っています。ただし、独自のファイルを生成する HTML-webpack-plugin も使用したいのですが、両方のアプローチを統合するための最良の方法は何ですか?

リソースのバンドルに Webpack を使用しています。現在、CSS ファイルと JS ファイルの両方を bundle.js という別のファイルにバンドルしています。html ファイルにインラインで埋め込まれた JS と CSS の両方を作成するにはどうすればよいですか?

これが私のwebpack構成です：

そしてpackage.jsonで：

npm start を実行すると、localhost で js ファイルがインジェクトされませんindex.html。webpack または npm run build を実行すると、js ファイルが正常に挿入されます。html-webpack-pluginローカルホストにいるときにjsファイルを挿入することもできますindex.htmlか?

現在、コマンドset NODE_ENV=production && webpack(ウィンドウ ユーザー) で webpack を実行しようとしていますが、src ディレクトリ内に bundle.js という名前の出力はありませんでした。実際、出力ファイルはありませんでした。

今まで webpack-dev-server しか使ったことがないので、プラグインを使って設定ファイルを作成するのは初めてです。私が試したように、webpack-dev-serverは問題なく動作しています。

src フォルダーには、html と javascript を含むすべてのファイルが含まれています。

縮小および圧縮されたコードが機能する出力ファイルが必要です。助けてアドバイスしてください!!

以下はターミナルで見つかりました

以下の構成を持つ webpack.config.js ファイルがあります。

私はオンザフライでhtml-webpack-plugin生成するために使用しています。index.htmlそれは完全にうまく機能します。しかし、問題は、私はoutextract-text-webpack-pluginから を抽出するためにも使用していることです。cssjs

のドキュメントに記載されているようにhtml-webpack-plugin

Webpack の出力に CSS アセット (ExtractTextPlugin で抽出された CSS など) がある場合、これらは HTML ヘッドのタグに含まれます。

<link>それは私のcssにポインティングを追加します。しかし、リンクは次のようになります。

電流出力

このようにURLを解決する必要があります

期待される出力

私の webpack 構成 (重要な部分のみ)

のbuildフォルダー構造体は次のようになります

プラグインのすべての出力先は、webpack の構成でpath指定されたものに対して相対的になります。output

この問題が発生しています。リポジトリにプッシュするまでプロジェクトは良好ですが、別のディレクトリまたは他のマシンのリポジトリからクローンを作成すると、自分のマシンで動作しているプロジェクトが動作しません。

npm cache cleannode_modules を完全に削除してこの問題を修正しようとしましたが、依存関係を再インストールしましたが、うまくいきませんでした

実行環境:
Webpack バージョン: 2.1.0-beta.25
環境: OS X 10.11.6
ノード v6.2.0、npm 3.8.9

npm デバッグ ファイル: