Vue cli 3 本地打包 HBuilder Android studio 生成app

2022-01-20 09:26:10

vue项目打包

vue.config.js修改publicPath属性

publicPath: process.env.NODE_ENV === ‘production‘
    ? ‘./‘
    : ‘/‘,

router注释mode:‘history‘(否则打包后本地查看显示空白页)

const router = new VueRouter({
  // mode: ‘history‘,
  base: process.env.BASE_URL,
  routes
})

打包命令`npm run build` 打包完成后会生成dist文件夹

新建H5项目，保留manifest.json文件将其他文件删除，将打包后的dist文件夹中的文件复制到项目根目录，填写manifest.json中信息，添加沉浸式状态栏

"plus" : {
        "statusbar" : {
            "immersed" : true /*沉浸式状态栏*/
        },

本地打包，菜单运行=》本地打包=》生成app资源

官方网址：https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android
我下载的最新的 Android studio 在配置图片时与官方提供的教程有区别从网上找的教程可参考图标设置:https://www.cnblogs.com/whycxb/p/9096727.html