Question

webpack是否可以处理我的HTML标记，例如

<link rel="stylesheet" href="./style.css">
<script src="./script.js"></script>

并将它们捆绑到

中

<style>
  //contents of minified style.css 
</style>
<script>
  //bundled and minified script.js
</script>

所以我可以从服务器上提供单个文件？我设法使用Processhtml grunt插件执行此操作，但我没有在此项目中使用grunt作为构建系统。

Answer 1

您可以使用webpack实现此目的; extract-text-webpack-plugin，html-webpack-plugin和UglifyJsPlugin 如果你想在捆绑期间进行uglify，那么还有uglify loader，因为插件在创建包之后会执行uglify。

Answer 2

html-webpack-inline-source-plugin应该是您想要的。它是html-webpack-plugin的插件，本身是webpack的插件。因此，基本上可以用作webpack插件的插件。 github page显示了一个非常简单的示例，说明了如何准确地执行您要查找的内容。

如何将CSS和js文件捆绑到单个HTML文件中？

2 个答案: