webpack怎么打包

webpack怎么打包

npm run build
我看教程项目构建打包好像是打包成h5了,怎么打包成app啊

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
卡布琦诺 2019-02-26 11:02:05

对于前端开发工程师来说,这里介绍一种简单的打包成app的方法

1、下载并安装HBuilder软件

2、安装完上述软件,将能够成功运行的项目,放进HBuilder软件中,这个时候你的 项目前面的标识显示的是“W”,表示的是web端的项目。

http://img1.sycdn.imooc.com//climg/5c74a8420001ef4b02490230.jpg

3、在HBuilder的左侧菜单栏,选中你的项目,点击右键,在弹出的菜单中选择“转换成移动App”,然后你的项目前面的标识就变成了‘A’,至此就已经转换成移动app了

http://img1.sycdn.imooc.com//climg/5c74a85b0001918a03540626.jpg

变成这样:

http://img1.sycdn.imooc.com//climg/5c74a88d00019c5702500295.jpg

4、如果想打包成原生app,则可以在“发行”菜单中,选择“云打包-打原生安装包”生成原生app安装包

http://img1.sycdn.imooc.com//climg/5c74a8a60001f9a407400376.jpg

http://img1.sycdn.imooc.com//climg/5c74a9680001a47b05610738.jpg

http://img1.sycdn.imooc.com//climg/5c74a97f0001063205590737.jpg

http://img1.sycdn.imooc.com//climg/5c74a9f0000188c116690893.jpg

然后保存manifest.json文件,重新操作打包成原生安装包的操作

http://img1.sycdn.imooc.com//climg/5c74aa570001b73f07400377.jpg

http://img1.sycdn.imooc.com//climg/5c74aa890001bdd006000750.jpg

点击打包,等待打包完成。最后会弹出类似“查看打包进度”的弹窗,点击“查看打包进度”的按钮(或者是确定按钮),会弹出下列弹窗

http://img1.sycdn.imooc.com//climg/5c74ab2800015b6107050592.jpg

等待打包完成,会出现“手动下载”的下载按钮,点击下载,即可将打包好的原生安卓app安装包下载下来,将安装包安装到手机上即可

但是,无论是从性能上还是稳定性上来说,前端打包生成的app都不是特别理想,因此,一般来说,是不需要前端开发将项目打包生成app的,app都是由专业的安卓开发工程师和ios开发工程师来完成的。

希望可以帮到你!


_是你_ 2019-02-25 10:25:50

本身做的就是页面呀,打包了也是页面呀。app的话,是需要安卓或者ios来做的。

  • 提问者 WangYajun1988 #1
    vue不是也可以做app么
    2019-02-25 21:25:32
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师