html、js、cssをwebpackで1つのhtmlファイルにバンドルする方法は？
webpackを使用してアプリケーションを構築しました。すべてのcssを1つのファイルにマージし、すべてのjsを1つのファイルにマージし、SPAアプリ用に1つのhtmlを作成しました。
Webpagetestでテストを行うとき、ほとんどの問題はファイルをロードするのではなく、個別のファイルとしてロードすることです。
html+css+js=index.html
Html、css、jsを単一のindex.htmlにパックするにはどうすればよいですか？httpのオーバーヘッドを回避できます？
Webpackまたはwebpackプラグインは、すでに使用しているため、より優れています。
これに関する方向性に感謝します。
html-webpack-plugin を使用して、Webpackからの出力をindex.htmlファイルに挿入します。
これらのファイルをすべてindex.htmlの1つのhttpリクエストにインライン化したい場合、 html-webpack-inline-source-plugin を使用してこれを実現できます。
恥知らずなプラグイン
特にrequire()をインライン化するためにbrowserifyを使用している場合は特に、webpackの重量が大きすぎることがわかりました。そこで、JSのstring.replaceを使用して、〜30行のnpm cliパッケージを作成しました： https://www.npmjs.com/package/inline-scripts 。使用法、$ inline-scripts src/index.html out/index.html