Flutter Web可部署HTML构建文件在项目build目录下的存放位置
Flutter Web 可部署构建产物路径说明
对应你熟悉的Android端APK查找逻辑,Flutter Web端的可部署文件定位逻辑更简洁,不存在多层嵌套的变体目录结构:
核心固定输出路径
所有Flutter Web构建模式下生成的完整可部署文件,全部统一存放在项目根目录下的:build/web/
不同构建模式的产物区别
和Android需要进入debug/release不同深层文件夹查找对应APK的逻辑不同,Flutter Web不管哪种构建模式,输出的根目录都是上述的build/web,仅目录内的文件内容会随构建优化级别调整:
- 调试构建(执行
flutter run -d chrome或flutter build web --debug):目录内生成带源映射、未压缩的调试版文件,包含可直接在浏览器访问的入口index.html、编译后的可执行脚本、静态资源文件夹,适合本地联调使用。 - 正式发布构建(执行
flutter build web默认生成release版本):同目录下的文件会经过代码压缩、无用代码剔除、资源加载优化,整体加载速度更快、体积更小,整个build/web文件夹可以直接整体上传到任意静态Web托管环境完成部署,不需要额外拆分加工。
快速排查提示
build目录下的其他子文件夹(比如build/app对应移动端构建产物、build/windows/build/linux对应桌面端构建产物),和Web部署文件没有关联,不需要在这些目录下查找Web相关内容。- 仅当你手动自定义过Flutter项目的构建输出配置时,才需要以配置的自定义输出地址为准,默认初始化的Flutter项目,Web可部署文件一定在上述的
build/web路径下。
内容的提问来源于stack exchange,提问作者Niaz Baig
相关产品推荐
相关产品推荐

