close
指南
配置
插件
API
博客
关于
贡献
指南
配置
插件
API
博客
关于
贡献

HTML

Rspack 支持使用以下插件生成 HTML 文件，并自动将生成的 CSS 和 JavaScript 文件注入 HTML。对于包含文件名哈希的 Rspack 包，这尤其有用，因为哈希会随着每次 Rspack 构建而改变。

HtmlWebpackPlugin

Rspack 完全支持 HtmlWebpackPlugin.

rspack.config.js
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
  entry: 'index.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'index_bundle.js',
  },
  plugins: [new HtmlWebpackPlugin()],
};

有关所有配置选项，请参见 插件文档.

内置 HtmlRspackPlugin

HtmlRspackPlugin 是一个用 Rust 实现的高性能 HTML 插件，与 HtmlWebpackPlugin 相比，它提供显著更好的构建性能，尤其是在构建大量 HTML 文件时。

rspack.config.js
const rspack = require('@rspack/core');

module.exports = {
  entry: 'index.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'index_bundle.js',
  },
  plugins: [new rspack.HtmlRspackPlugin()],
};

有关所有配置选项，请参见 插件文档.