vue-cli项目打包app

一、准备项目

开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目

二、修改项目中的参数

 1、将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './'

 注意：在这个文件中，有两个assetsPublicPath，一个在dev中，一个在bulid中，我自己试的时候，同时修改，则打包成功的app显示为空白，只修改build中的assetsPublicPath，则显示正常

 2，执行npm run build之后生成dist文件夹

 

三，使用HBuild X打包app

　　附HBuilder下载地址：http://www.dcloud.io/

　1、打开HBuilder，通过打开目录将vue-cli项目导入

　2、通过文件---->新建---->项目，选择5+app(A)，如下图

　　新建的文件下会有

　　css

　　js

　　img

　　unpackage

　　index.html

　　manifest.json　　

　　等文件，将css，js，img三个文件删掉，将在vue-cli中新文件dist文件下的static文件夹和index.html文件拷过来

　注意： 将static文件夹整体拷过来，否则打包的app是空白，