hydrogen build
command

Builds a Hydrogen storefront for production. The client and app worker files are compiled to a /dist folder in your Hydrogen project directory.

Anchor to flagsFlags

The following flags are available for the hydrogen build command:

--bundle-stats

Show a bundle size summary after building. Defaults to true, use --no-bundle-stats to disable.

--codegen

Automatically generates GraphQL types for your project’s Storefront API queries.

--codegen-config-path <value>

string

Specifies a path to a codegen configuration file. Defaults to <root>/codegen.ts if this file exists.

--disable-route-warning

env: SHOPIFY_HYDROGEN_FLAG_DISABLE_ROUTE_WARNING

Disables any warnings about missing standard routes.

--entry <value>

string

env: SHOPIFY_HYDROGEN_FLAG_ENTRY

Entry file for the worker. Defaults to ./server.

--force-client-sourcemap

env: SHOPIFY_HYDROGEN_FLAG_FORCE_CLIENT_SOURCEMAP

Client sourcemapping is avoided by default because it makes backend code visible in the browser. Use this flag to force enabling it.

--lockfile-check

env: SHOPIFY_HYDROGEN_FLAG_LOCKFILE_CHECK

Checks that there is exactly one valid lockfile in the project. Defaults to true. Deactivate with --no-lockfile-check.

--path <value>

string

env: SHOPIFY_HYDROGEN_FLAG_PATH

The path to the directory of the Hydrogen storefront. Defaults to the current directory where the command is run.

--sourcemap

env: SHOPIFY_HYDROGEN_FLAG_SOURCEMAP

Controls whether server sourcemaps are generated. Default to true. Deactivate --no-sourcemaps.

--watch

env: SHOPIFY_HYDROGEN_FLAG_WATCH

Watches for changes and rebuilds the project writing output to disk.

Was this section helpful?

shopify hydrogen build [flags]