推荐--flutter项目打包多平台(apk 、 ipa、windows平台、web端)

1、flutter项目打包 apk

今天主要介绍一下flutter项目的打包流程:
我们常用的 apk 打包命令是:flutter build apk
我通过这个命令打出来的 apk 包体积会很大,今天测试了一下,大概一个空的flutter 工程打包出来有 15 MB
但是我的工程打包出来有近 30MB
正常来说,我的 代码和图片资源 大概只会有 5MB 左右。
经过多方资料查阅,终于让我发现了一个可以打包出来跟空工程差不多大小的命令
flutter build apk --target-platform android-arm,android-arm64 --split-per-abi
这个命令可以将flutter项目打包出来只有 14MB
注意: 有时候打包会出现下面的问题:
解决方案: 添加这个 –release --no-tree-shake-icons
完整的打包命令如:
flutter build apk --target-platform android-arm,android-arm64 --split-per-abi --release --no-tree-shake-icons

报错的日志:

FAILURE: Build failed with an exception.

* Where:
Script 'D:\flutter_windows_1.22.4-stable\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1035

* What went wrong:
Execution failed for task ':app:compileFlutterBuildRelease'.
> Process 'command 'D:\flutter_windows_1.22.4-stable\flutter\bin\flutter.bat'' finished with non-zero exit value 1

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 10s
Running Gradle task 'assembleRelease'...
Running Gradle task 'assembleRelease'... Done                      11.3s
Gradle task assembleRelease failed with exit code 1

报错的截图:
推荐--flutter项目打包多平台(apk 、 ipa、windows平台、web端)_第1张图片

2、Mac 电脑打包 flutter项目 ipa 打包步骤

1)首先要确认flutter的环境变量已经配置完好
2)在android studio里面更新代码
3)使用 flutter build ios进行打包
4)打包完成以后使用命令直接进入iphoneos文件夹,由于本身android studio 终端就是在项目下面了
,所以就直接 先 cd buildcd iphoneos
当看见终端的前面变成 iphoneos git(master):
5)使用命令 rm -rf Payload
6)最后使用命令

 mkdir Payload && mv Runner.app Payload && zip -r Payload.zip Payload && mv Payload.zip Payload.ipa

7)运行结束以后的 ipa文件就是打包好的最终文件,可以安装再苹果手机上面

3、flutter打包 windows

1)这个打包会比较麻烦一点,需要安装visual studio2019,然后还有go语言环境。最后使用下面两条命令即可打包。由于步骤较多,不在本篇描述,请查看点击这里进行查看

hover init
hover build windows

4、flutter打包 web

1)首先要确保flutter支持web端,使用 下面命令开启web端的支持

flutter config --enable-web

2)使用 flutter doctor 查看Chrome是否正常支持web
3)前面两个命令验证成功之后使用命令 flutter build web
生成的文件夹是在build文件夹下面 build/web

你可能感兴趣的:(flutter,dart,flutter,前端)