mpx使用记录

mpx文档

一言以蔽之，mpx是一个装甲，类似钢铁侠那种装甲，使用他主要解决了我写原生小程序一直以来两个痛点：不能使用stylus、没法像vue-cli那样将所有图片文件添加hash后缀并统一打包到一个文件夹内。

• 研究了一下Wepy，发现和Mpx类似，都在vscode编辑器支持上或多或少都存在缺陷。这种新建一个后缀名的方式，都对编辑器来说是一个麻烦，除了vue那种丰富的生态，希望可以有人加上这些吧。

初始化

引入Vant Weapp

Vant Weapp文档
因为我‘懒’，所以我还是希望可以引入vant weapp.

<!--也可以通过以下形式用js输出json，便于书写注释和使用条件编译-->
<script name="json">
  // 可以写注释，通过defs注入的常量做一些判断之类的操作
  module.exports = {
	// ......
    usingComponents: {
	  // 可以看到比官方文档中多了一层 `dist/`
      'van-button': '@vant/weapp/dist/button/index' 
    }
  }
</script>

微信开发者工具配置

在使用MPX开发微信小程序后，微信开发者工具有一些设置不能开启，不然会引发一些意想不到的异常：

• [ES6 转 ES5] & [增强编译]
  开启这两项后，如果MPX里使用了 props 内number类型会报错，不知道目前修复了没有，可以试试看。

• [上传时进行代码保护]
  开启此项后，会报错：module 'bundle.js' not fund 类似的错误