【实战】前端必会 —— 微信开发者工具自定义编译模式（编译时，携带 指定参数 直接跳转 指定页面）

---

一、问题

微信开发者工具在编辑文件每次保存的时候，调试的页面都会默认自动返回到 index 页面。

发现这个神奇功能之前，一般都是手动在 app.json 下的 pages 里将当前页面置顶，参数写死。。。

或是，什么都不做，繁琐的一级一级的点，直到从首页进入需要调试页面。。。

默认是普通编译，场景值是1001，会读取 app.json 文件里面配置的 pages 项的第一行配置

二、解决

后来发现，微信开发者工具可以自定义编译模式（编译时，携带 指定参数 直接跳转 指定页面），而且这个功能一早就有了。。。：

开发者工具模拟器中打开要调试的页面，在普通编译的下拉列表中选择添加编译模式，启动页路径和参数都会自动带出来，太方便了

[模拟器 自定义编译| 微信开放文档]：(https://developers.weixin.qq.com/miniprogram/dev/devtools/debug.html#自定义编译)

---

over

---

三、其他相关功能

1.局部编译

在开发过程中遇到代码量较大的情况时，可以使用局部编译，提高编译速度，减少预览和真机调试等待时间。

局部编译，顾名思义即：允许开发者指定编译的页面，避免编译全部小程序代码文件影响开发效率。

• 支持版本：1.05.2107090 或以上

局部编译是自定义编译的一项子功能：

局部编译可以同时选择多个关联文件参与编译调试：

在调试过程中需要注意：

• 在使用局部编译模式后，调试时只能访问局部编译配置的页面列表中页面，访问其他页面会出现 not found 的报错。
• 此功能在预览或真机调试时同样有效（整个上传的代码包的体量也会大幅减少）
• 编译过程中会首先进行代码依赖分析，根据代码依赖分析的结果，选取出局部编译配置的页面列表所涉及的所有代码文件（包括本地文件以及其他依赖库中的文件）形成依赖文件链，最后再进行编译。(以下图片来自官方文档)
  

• [局部编译 | 微信开放文档]：(https://developers.weixin.qq.com/miniprogram/dev/devtools/partial-compile.html)
• [开发便捷能力-局部编译 | 微信开放社区]：(https://developers.weixin.qq.com/community/business/doc/0008acc0e789082a45acdffc25640d)

2.代码编译

• 将 JS 代码编译成 ES5
• 样式补全
• 压缩代码
• 代码保护
• 启用多核心编译
• 原生支持编译 TypeScript

3.小程序运行环境

平台	逻辑层	视图层
苹果系	JavaScriptCore	WKWebView
安卓系	V8	基于 Mobile Chromium 内核的微信自研 XWeb 引擎
微软系	Chromium 内核	Chromium 内核
开发工具	NW.js	Chromium Webview