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

すべて設定オプションについては、プラグインドキュメントを参照してください。

このページの内容

HTML#

HtmlWebpackPlugin#

組み込み HtmlRspackPlugin#

HTML

HtmlWebpackPlugin

組み込み HtmlRspackPlugin