Function createHTMLTargetConfig

tools/cli/src/webpack/index.ts:45–374

(
  pkg: Package,
  entry: string | Record<string, string>,
  htmlConfig: Partial<CreateHTMLPluginConfig> = {},
  deps?: string[]
)

}

export function createHTMLTargetConfig(
  pkg: Package,
  entry: string | Record<string, string>,
  htmlConfig: Partial<CreateHTMLPluginConfig> = {},
  deps?: string[]
): webpack.Configuration {
  entry = typeof entry === 'string' ? { index: entry } : entry;

  htmlConfig = merge(
    {},
    {
      filename: 'index.html',
      additionalEntryForSelfhost: true,
      injectGlobalErrorHandler: true,
      emitAssetsManifest: true,
    },
    htmlConfig
  );

  const buildConfig = getBuildConfigFromEnv(pkg);

  console.log(
    `Building [${pkg.name}] for [${buildConfig.appBuildType}] channel in [${buildConfig.debug ? 'development' : 'production'}] mode.`
  );
  console.log(
    `Entry points: ${Object.entries(entry)
      .map(([name, path]) => `${name}: ${path}`)
      .join(', ')}`
  );
  console.log(`Output path: ${pkg.distPath.value}`);
  console.log(`Config: ${JSON.stringify(buildConfig, null, 2)}`);

  const config: webpack.Configuration = {
    //#region basic webpack config
    name: entry['index'],
    dependencies: deps,
    context: ProjectRoot.value,
    experiments: {
      topLevelAwait: true,
      outputModule: false,
      syncWebAssembly: true,
    },
    entry,
    output: {
      environment: { module: true, dynamicImport: true },
      filename: buildConfig.debug
        ? 'js/[name].js'
        : 'js/[name].[contenthash:8].js',
      assetModuleFilename: buildConfig.debug
        ? '[name].[contenthash:8][ext]'
        : 'assets/[name].[contenthash:8][ext][query]',
      path: pkg.distPath.value,
      clean: false,
      globalObject: 'globalThis',
      // NOTE(@forehalo): always keep it '/'
      publicPath: '/',
    },
    target: ['web', 'es2022'],