45

我已经使用webpack构建了我的应用程序,将所有 css 合并到一个文件中,将所有 js 合并到一个文件中,并为我的 SPA 应用程序提供了一个 html。

当我使用webpagetest 进行测试时,我的大部分问题不是加载文件,而是将它们作为单个文件加载。

html+css+js=index.html

如何将我的 html、css 和 js 打包到一个 index.html 中,这样我就可以避免 http 开销

Webpack 或任何 webpack 插件更好,因为我们已经在使用它。

感谢您对此的任何指导。

4

2 回答 2

30

我使用html-webpack-plugin将 Webpack 的输出注入到 index.html 文件中。

假设您的意思是要将所有这些文件内联到一个 http 请求中,index.html您可以使用它html-webpack-inline-source-plugin来实现这一点。

于 2017-10-22T14:43:32.007 回答
10

无耻插件来袭

我发现 webpack 太重了,尤其是当我已经使用 browserify 来内联我require()的 's. 所以我使用 JS 编写了一个 ~30 行的 npm cli 包string.replacehttps ://www.npmjs.com/package/inline-scripts 。用法,$ inline-scripts src/index.html out/index.html

于 2019-02-20T00:29:44.607 回答