自定义预处理
在项目信息面板中,我们提供了以下几个默认的预处理,可以解决大部分的代码文件预处理的问题
- ES6 转 ES5(可以应用于编译、预览、上传),使用 “babel-core”: “^6.0.0”
- 上传代码时样式自动补全,使用 “postcss”: “^7.0.0”
- 上传代码时自动压缩,使用 “uglify-js”: “^3.4.9”
对于高级开发者来说,完全可以自己编写自动化构建脚本对代码文件进行预处理,所以我们提供了 启用自定义处理命令
选项,开发者可以指定 编译前/预览前/上传前
需要预处理的命令 开发者工具使用 shell 的方式运行指定的命令,并在控制台中输出命令的执行日志
如果您使用框架开发小程序,可以参考文档 框架开发
预处理命令的默认执行顺序:
- 自定义预处理命令
- 默认预处理命令
- 编译/预览/上传
勾选异步执行
选项后,编译前预处理命令将与编译流程并行执行,如果编译前预处理命令是watch
类的命令,需要勾选此选项,以免阻塞编译流程。
注:
- 编译前预处理命令,需要手动点击 “编译” 按钮,或者使用快捷键编译才能触发。文件修改无法触发该命令。
- Mac 版本的开发者工具无法复用 bash 中的 Path 环境变量。可能需要手动设置系统的 Path 环境变量,才能正常执行命令。