2

使用 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'],
            },
        },
    ]
}

如何重现

完整的代码可以在这里找到。

npm i
npm start

我得到了什么

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

我是否错过了配置中的某些内容？

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

4

0 回答 0