关于使用hbuilder 打包vue的问题

这几天心血来潮，把之前做的vue应用用Hbuilder做成app，之中出现几个问题，现记录下来，以供大家参考：

1. 打包后，真机调试出现白屏：

1） 先在本地查看是否webpack后有语法错误，我的代码webpack后

<meta name=viewport content="width=device-width user-scalable=no">

会变成

<meta name=viewport content="width=device-widthuser-scalable=no">

中间空格没了，导致报错。

2） 确定代码没问题的话，一般就是打包的路径出了错：

在config文件中的index.js中，将 build 的 assertPublicPath 改为: './'；

在webpack.prod.conf.js中，将output 的 publicPath: '';

2. img的路径在vue的v-bind动态绑定相对路径，打包后不显示：

将src的引用变为require(src)

前端开发总有坑，坑一次就会进步一次！ 与开发者共勉！