MogoH5+

常见问题

常见问题一般来说就是白屏问题,或者页面不存在,可能有以下几种情况

Q1:删除一些页面后控制台报错

这是由于HtmlWebpackPlugin没有找到模板的问题,只需要重新npm start即可.

Q2:npm start控制台报语法错误

请升级你的 node 到最新版本

Q3:npm start后出现空白页面无法显示

  1. 电脑和调试的手机需要在同一个局域网下面
  2. npm start后如果局域网 ip 地址有变,请同时在 manifest.json 中修改页面入口

速度优化方案

最近许多反映脚手架很慢的可以参考一下优化方案,可以大大提高调试/打包速度.

1.2 的版本中移除了一些不必要的插件,应该会快那么一点吧.追求速度的继续往下看.

由于 demo 需要展示各种 ui,加载了各种的 ui 的 loader,所以如果开发者用不到可以将其移除.

1.如果不使用 VUX

注释掉 vux-loader 即可,在webpack.base.conf.js中,修改以下代码

const vuxLoader = require("vux-loader");

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ["vux-ui"]
});

修改后

module.exports = webpackConfig;

2.如果不使用 vant

移除掉.babalrc中以下代码

[
  "import",
  {
    "libraryName": "vant",
    "libraryDirectory": "es",
    "style": true
  }
]

自定义返回按钮事件

演示可以在 demo 中购物车页面查看,实现代码如下

plus.key.removeEventListener("backbutton", function() {
  console.log(5555);
});
plus.key.addEventListener(
  "backbutton",
  function() {
    //  nativeUI.conf
    // nativeUI.con
    confirm("确认要离开么?").then(e => {
      if (e.index === 0) {
        plus.nativeUI.toast("离开了");
        const ws = plus.webview.currentWebview();
        ws.hide();
      } else {
        plus.nativeUI.toast("留住了");
      }
    });
  },
  false
);

← Webview →