本文记录在windows系统中使用flutter框架开发的应用web版本打发布包的流程。1. 确保已开启 Web 支持如果还没有显式启用过 Web 支持在终端CMD 或 PowerShell中运行以下命令flutter config --enable-web然后运行flutter doctor确保 Chrome / edge 已列在可用设备中。2. 清理环境并获取依赖在打包之前清理之前的构建缓存并重新拉取最新的依赖包以避免出现缓存问题flutter clean flutter pub get3. 执行打包命令在你的项目根目录下运行构建命令。Flutter 默认会以Release 模式构建 Web 应用。基础打包命令flutter build web高级选项选择 Web 渲染器 (Web Renderer)Flutter Web 提供了不同的渲染引擎你可以根据需求在打包时进行指定CanvasKit默认选项使用 WebAssembly 和 WebGL 渲染性能最好UI 与移动端保持高度一致但首次加载需要额外下载一个 WebAssembly 文件体积稍大。Bashflutter build web --web-renderer canvaskitHTML使用标准 HTML 元素、CSS 和 Canvas。应用体积较小对老旧浏览器兼容性更好但在某些复杂 UI 下性能不如 CanvasKit。Bashflutter build web --web-renderer html4. 获取打包产物打包完成后终端会提示构建成功。所有的发布包文件都会生成在你的项目目录下的这个路径中项目根目录\build\web这个web文件夹包含了部署所需的所有静态文件如index.html、main.dart.js、assets文件夹等。只需要将整个web文件夹上传到Web 服务器即可。PS: 如果是本地项目作为后端做法是将web文件夹映射为http静态资源目录。HTTP 静态资源服务可以分发 Flutter Web 的 index.html、js、css 资源。HttpService router; router.document_root./web; Router::RegisterAll(router);