app:利用HBuilder打包webpack项目

时间:2023-03-09 15:47:29
app:利用HBuilder打包webpack项目

1.安装HBuilder

2.将你的项目在HBuilder中打开

app:利用HBuilder打包webpack项目

3.控制台 打包编译

npm run build

app:利用HBuilder打包webpack项目

app:利用HBuilder打包webpack项目

4.新建一个app项目,将项目编译生成的dist文件夹 ,复制到app项目中

app:利用HBuilder打包webpack项目app:利用HBuilder打包webpack项目

5.双击manifest.json文件,修改页面入口,是否压缩的选项

app:利用HBuilder打包webpack项目  (appid 注册登录后 则有)

app:利用HBuilder打包webpack项目

6.点击发行,打包原生

app:利用HBuilder打包webpack项目

app:利用HBuilder打包webpack项目

(会有弹框 一直点击是 即可 之后会弹出打包进度)

7.下载安装包 之后发送至手机 安装后 查看效果

app:利用HBuilder打包webpack项目

效果图 :

app:利用HBuilder打包webpack项目

不过 有很多兼容性的问题 不过是向大前端迈出一大步了 哈哈哈