Rspack 支持通过以下插件来生成 HTML 文件,并自动将生成的 CSS 和 JavaScript 文件注入到 HTML 中。这对于文件名包含哈希值的输出文件尤为有用,因为 Rspack 每次构建时哈希值都可能会变化。
Rspack 完全支持 HtmlWebpackPlugin。
import HtmlWebpackPlugin from 'html-webpack-plugin';
import path from 'node:path';
export default {
entry: 'index.js',
output: {
path: path.resolve(__dirname, './dist'),
filename: 'index_bundle.js',
},
plugins: [new HtmlWebpackPlugin()],
};有关所有配置选项,请参阅插件文档。
HtmlRspackPlugin 是以 Rust 实现的高性能 HTML 插件,它的构建性能显著优于 HtmlWebpackPlugin 插件,尤其是在构建大量 HTML 文件的场景下。
import { rspack } from '@rspack/core';
export default {
entry: 'index.js',
output: {
path: path.resolve(__dirname, './dist'),
filename: 'index_bundle.js',
},
plugins: [new rspack.HtmlRspackPlugin()],
};有关所有配置选项,请参阅插件文档。