如何使用 webpack 将 html、js 和 css 捆绑在一个 html 文件中？
How to bundle html, js and css in one html file with webpack?
我已经使用 webpack 构建了我的应用程序，将所有 css 合并到一个文件中，将所有 js 合并到一个文件中，并为我的 SPA 应用程序创建了一个 html .
当我使用 webpagetest 进行测试时，我的大部分问题不是加载文件而是将它们作为单独的文件加载。
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 写了一个 ~30 行的 npm cli 包：
https://www.npmjs.com/package/inline-scripts。
用法，$ inline-scripts src/index.html out/index.html
我已经使用 webpack 构建了我的应用程序，将所有 css 合并到一个文件中，将所有 js 合并到一个文件中，并为我的 SPA 应用程序创建了一个 html .
当我使用 webpagetest 进行测试时，我的大部分问题不是加载文件而是将它们作为单独的文件加载。
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 写了一个 ~30 行的 npm cli 包：
https://www.npmjs.com/package/inline-scripts。
用法，$ inline-scripts src/index.html out/index.html