flutter build web

Produce a web bundle with flutter build web.

flutter build web

The flutter build web command produces a production bundle for the web. It defaults to release mode; the output goes to the build/web/ folder. The --wasm flag produces a WebAssembly output.

// Terminal
flutter build web
flutter build web --wasm

release mode

flutter build web always runs in release mode; there is no debug mode. The output is distributed as index.html, JS, and asset files under build/web/.

Exercise Build command list

In main, define the command list ['flutter', 'build', 'web']. Print the last element with print.

Show example solution

void main() {
  final cmd = ['flutter', 'build', 'web'];
  print(cmd.last);
}

Test yourself

What does flutter build web produce?
- iOS IPA
- Windows EXE
- Android APK
- Web production bundle
Show answer

Web production bundle — flutter build web produces a web production bundle in the build/web folder; IPA is for iOS, APK for Android, and EXE for Windows.

--wasm flag

flutter build web ____

Show answer

flutter build web --wasm

flutter build web matches

build_web

Web bundle build
release

Production mode
wasm

WebAssembly output
build/web

Output folder

Next lesson: URL strategy

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies