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()],
};

如需所有設定選項，請參閱外掛文件。