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