webpack - 在应用程序 HTML 中包含指向 webpack 入口点的直接链接？

Question

我的 webpack 入口点包括一个 [hash]在名字里:

entry: "index.js",
output: {
    path: "build/",
    filename: "index-[hash].js",
}

如何从应用程序的 HTML 直接链接到该入口点？

例如，我希望发送给客户端的 HTML 包括:

<script src="build/index-41d40fe7b20ba1dce81f.js"></script>

我怎样才能做到这一点？是否有插件可以生成入口点 list ，我的应用程序可以读取并发出适当的文件名？

Answer 1

html-webpack-plugin (我是作者)将生成一个 index.html 为您引用正确的散列包文件名。

var HtmlWebpackPlugin = require("html-webpack-plugin");
var webpackConfig = {
    entry: "index.js",
    output: {
        path: "build/",
        filename: "index-[hash].js",
    },
    plugins: [new HtmlWebpackPlugin()]
}

这将产生 build/index.html包括带有 <script> 的捆绑包标签。