You might have been introduced to this command on the installation page, but let's dive into what the initialization script does for you in detail. You'll only ever need to run this script once when you first install Hydrogen on your project.

When run, it will prompt you to enter both an input and output directory. The input directory is where Hydrogen will look for your markup to scan. While you're only prompted for a single directory at first, you can add as many directories to this array as you want after Hydrogen has been initialized. The output directory is where Hydrogen will put its final CSS file, and any variable files you've requested. If you've enabled debugging, this directory will also be where Hydrogen places its log files.

The initialization script then creates a hydrogen.config.json file in the directory you've run the script. This file contains everything you'll need to configure Hydrogen, and includes helpful defaults you can start with.

The build script is what you'll use most when developing with Hydrogen. When executed, it runs the following to build your CSS:

1. Find and validate your configuration file
2. Parse the input you pass to it for Hydrogen attributes
3. Assemble custom CSS based on the attributes you've used
4. Run the resulting CSS through Lightning CSS for automated browser prefixing and file minification
5. Generate a CSS variable file if you've requested one
6. Export the final Hydrogen CSS file

The build script will also log any potential errors, typos, or warnings it finds to your console, so keep an eye out for them. If you need more robust debugging, you can enable log files in your configuration file using the debug setting.

The watch command will automatically watch the directories you've defined in your input configuration for changes. When it detects a change, it will rerun Hydrogen's build script for you on the fly, so that changes are automatically compiled as you work.

Processing flags allow you to control how the final CSS output is processed by Lightning CSS.

• --h2_prefix will enable/disable browser prefixing.
• --h2_minify will enable/disable file minification.

Logging flags allow you to control whether debug log files are generated, as well as how verbose Hydrogen's console output is.

• --h2_logs will enable/disable log file generation for debugging.
• --h2_verbose will toggle how much contextual information is displayed by Hydrogen in the console.

Environment flags are handy groups of pre-defined settings that optimize the build for development and production environments.

• --h2_env_dev groups the following settings:
• Prefixing: true
• Minification: false
• Logs: false
• Timers: false
• Verbose: true
• --h2_env_prod groups the following settings:
• Prefixing: true
• Minification: true
• Logs: false
• Timers: false
• Verbose: false