type FilenameConfig = {
html?: string;
js?:
| string
| ((pathData: Rspack.PathData, assetInfo: Rspack.JsAssetInfo) => string);
css?: string;
svg?: string;
font?: string;
image?: string;
media?: string;
};
// 开发模式构建
const devDefaultFilename = {
html: '[name].html',
js: '[name].js',
css: '[name].css',
svg: '[name].[contenthash:8].svg',
font: '[name].[contenthash:8][ext]',
image: '[name].[contenthash:8][ext]',
media: '[name].[contenthash:8][ext]',
};
// 生产模式构建
const prodDefaultFilename = {
html: '[name].html',
js: output.target === 'node' ? '[name].js' : '[name].[contenthash:8].js',
css: '[name].[contenthash:8].css',
svg: '[name].[contenthash:8].svg',
font: '[name].[contenthash:8][ext]',
image: '[name].[contenthash:8][ext]',
media: '[name].[contenthash:8][ext]',
};
设置构建产物的名称。
该配置项的使用方式与 Rsbuild 完全一致。详细信息请参考 Rsbuild - output.filename。