如何获取html-loader处理HTML脚本的src？

Question

使用Webpack生成静态HTML

我已经使用Webpack作为捆绑程序和html-loader设置了一个静态网站生成器，以便生成依赖关系树并处理找到的依赖关系（CSS，图像，JS等）。

为此，我管理了html-loader的选项，以处理具有src或href属性的元素。

{
    test: /\.html$/,
    use: [
        {
            loader: 'file-loader',
            options: {
                name: '[name].html',
            },
        },
        { loader: 'extract-loader' },
        {
            loader: 'html-loader',
            options: {
                attrs: [':src', 'link:href'],
            },
        },
    ]
}

如何繁殖

可以找到完整的代码here。

npm i
npm start

我得到的东西

正确处理了HTML，正确替换了链接/ URL，并期望使用JavaScript资产。既不输出块，也不替换脚本的src属性。

我在配置中错过了什么吗？

我遇到了html-loader或Webpack错误吗？