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

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