vue移动端项目通过HBuilderX打包成app，通过真机运行

1. 通过npm run build将vue的移动端项目打包成dist文件夹
2. 打开HBuilderX,新建5+APP项目
   
   3.创建完成后，将css，img，js文件夹删除，unpackage文件是存放App图标的，manifest.json是打包成APP的配置文件，将dist文件夹下的内容复制到当前项目下
   
   4.连接手机，将手机的开发者模式打开，点击运行到手机或模拟器
   5.手机将自动安装HBuilder调试基座，安装完成后自动运行项目

问题： 运行后，手机出现白屏，无页面展示
原因1： 页面中引用的js和css文件出现了路径错误
解决方案：

在vue3.0根目录创建一个vue.config.js文件，内部代码如下：

  module.exports = {   
        publicPath: process.env.NODE_ENV === 'production' ? './' : './'  
   };  

vue-cli2 解决办法 ，在config/index.js 中改为：

 assetsPublicPath: ‘./’,

原因2： Vue在IE、低版本Android显示空白问题，这是由于IE对promise的支持不好
解决方案：

安装babel-polyfill

npm install babel-polyfill --save-dev

在vue3.0根目录下新建babel.config.js文件，内部代码如下：

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ]
}

在vue.config.js文件，加入如下代码：

module.exports = {   
  chainWebpack (config) {
		config.entry('main').add('babel-polyfill')
	}
}