How to bundle html, js and css in one html file with webpack?
I use html-webpack-plugin
inject the output from Webpack into a index.html file.
Assuming you mean you want to inline all those files into one http request of index.html
you can use html-webpack-inline-source-plugin
to achieve this.
shameless plug incoming
I found webpack too heavy weight, especially when I'm already using browserify to inline my require()
's. So I wrote a ~30 line npm cli package using JS's string.replace
:
https://www.npmjs.com/package/inline-scripts.
Usage, $ inline-scripts src/index.html out/index.html