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