app:利用HBuilder打包webpack项目

1.安装HBuilder

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

app:利用HBuilder打包webpack项目_第1张图片

3.控制台 打包编译 

npm run build

 app:利用HBuilder打包webpack项目_第2张图片

app:利用HBuilder打包webpack项目_第3张图片

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

app:利用HBuilder打包webpack项目_第4张图片app:利用HBuilder打包webpack项目_第5张图片

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

 app:利用HBuilder打包webpack项目_第6张图片  (appid 注册登录后 则有)

app:利用HBuilder打包webpack项目_第7张图片

6.点击发行,打包原生

app:利用HBuilder打包webpack项目_第8张图片

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

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

app:利用HBuilder打包webpack项目_第9张图片

效果图 :

app:利用HBuilder打包webpack项目_第10张图片

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

 

转载于:https://www.cnblogs.com/GoTing/p/10181085.html

你可能感兴趣的:(app:利用HBuilder打包webpack项目)