Vue打包记录

在上一篇文章中记录vue 简单集成环信Web sdk,在这里再说下打包的问题
使用hubilder进行真机运行

  1. 在config 中找到index.jsassetsPublicPath: '/' 改成如下图所示在这里插入图片描述
  2. 在build文件夹中打开webpack.prod.conf.js 找到output: 配置,增加 publicPath: './'在这里插入图片描述
  3. 然后执行 npm run build ,就会生成一个dist 文件,然后将该文件在hbuilder 打开在这里插入图片描述
  4. 如果是web项目,需要改为APP项目
    在这里插入图片描述
  5. 然后通过数据线连上手机,运行真机就可以

如果运行真机时出现白屏等问题,可以仔细查看下1和2 记录的更改

猜你喜欢

转载自blog.csdn.net/qq_43128835/article/details/89095754