美文网首页
Mac使用HBuilderX打包vue项目

Mac使用HBuilderX打包vue项目

作者: XZ_Henry | 来源:发表于2018-09-26 18:25 被阅读225次

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

    打包前的准备

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

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

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

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

    图1

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

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

    图2

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

    之后配置好需要的东西

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

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

    会在底部控制栏里显示

    图3 图4

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

    相关文章

      网友评论

          本文标题:Mac使用HBuilderX打包vue项目

          本文链接:https://www.haomeiwen.com/subject/zfrjoftx.html