我使用 webpack 构建了我的应用程序，将所有css合并到一个文件中，将所有js合并为一个文件，并为我的SPA应用程序提供一个html。
当我使用网页测试进行测试时，我的大多数问题都不是加载文件而是将它们作为单个文件加载。
html+css+js=index.html
如何将html，css和js打包到单个index.html中，以便可以避免http开销？
Webpack或任何webpack插件更好，因为我们已经在使用它。
感谢您的任何指示。
答案 0 :(得分：16)
我使用html-webpack-plugin将Webpack的输出注入index.html文件。
假设您想要将所有这些文件内联到index.html的一个http请求中，您可以使用html-webpack-inline-source-plugin来实现此目的。
答案 1 :(得分：0)
无耻的插头进入
我发现webpack太重了，尤其是当我已经在使用browserify内联require()的时候。因此，我使用JS的string.replace写了〜30行npm cli软件包：
https://www.npmjs.com/package/inline-scripts。
用法，$ inline-scripts src/index.html out/index.html