Mac使用HBuilderX打包vue项目

也是学习别人的经验之后,再次整理之后,希望对大家有帮助。

打包前的准备

vue的安装,项目建立,这些就不再多说了。

一、首先,在配置文件里找到config里面找到index.js,打开后修改build里面 assetsPublicPath 的值,改 “/” 为 “./”,如果不修改的话,打包之后 ,路径是错误的。

二、cd到项目目录下,用命令行 执行 npm run build

项目里就会多出一个文件夹 dist ,如图1:

图1

三、打开HX,文件 -> 新建  -> 5-app  -> 新建一个项目

建立新项目之后,只保留manifest.json文件,其他文件全部删掉,这个是手机App的配置文件,之后把dist里的两个文件放到新建的项目里面

图2

四、就可以点击发行 -> 选择App云端打包

之后配置好需要的东西

五、点击打包之后没有错误提示,那么你就可以安心的等待了。

六、如果你想查看打包进度,还是点击发行 -> 选择查看打包进度

会在底部控制栏里显示

图3


图4

七、点击下载地址之后,你就可以拿到你想要的包了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容