创新互联百度小程序教程:代码编译

  • 代码编译
    • 增强编译
    • ES6 转 ES5
    • 样式补全
    • 压缩代码

    代码编译

    开发者工具从 2.2.7 版本提供 ES6 转 ES5、样式补全、压缩代码等代码编译能力,开发者可在菜单栏“项目信息”中,勾选需要开启的功能。

    站在用户的角度思考问题,与客户深入沟通,找到印江网站设计与印江网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站建设、网站制作、企业官网、英文网站、手机端网站、网站推广、申请域名网站空间、企业邮箱。业务覆盖印江地区。

    增强编译

    开发者工具从 2.16.0 版本起增加了增强编译的选项来增强 ES6 转 ES5 的能力,启用后会使用新的编译逻辑以及提供额外的选项供开发者使用。
    开启功能路径:项目信息 => 本地配置 => 增强编译

    启用增强编译后的编译能力的对比:

    特性 原有逻辑 增强编译
    Babel 版本 babel6 babel7
    Presets env {} env {chrome:53, ios:8}
    Helpers 单文件内联 跨文件共享
    Async/Await 不支持 支持
    忽略文件目录 不支持 支持
    代码压缩 uglify-js terser
    • 使用 preset-env,支持最新的 ECMAScript 语法;
    • 共享 Babel 辅助函数,减小产出包体积;
    • 支持 async/await 语法,按需注入 regeneratorRuntime;
    • 忽略文件目录,可通过项目配置文件配置;
    • 可通过项目配置文件指定任意文件、目录不经过编译。

    ES6 转 ES5

    在开发者工具中,会默认使用 babel 将开发者 ES6 语法代码转换为三端都能很好支持的 ES5 的代码,帮助开发者解决环境不同所带来的开发问题。
    需要注意的是:
    为了提高代码质量,在开启 ES6 转换功能的情况下,默认启用 javasctipt 严格模式,请参考 “use strict“

    样式补全

    开启此选项,开发者工具会自动检测并补全缺失样式,保证在低版本系统上的正常显示。尽管可以规避大部分的问题,还是建议开发者需要在 iOS 和 Android 上分别检查小程序的真实表现。

    压缩代码

    开启此选项,开发者工具在上传代码时候将会帮助开发者压缩和混淆 javascript 代码,减小代码包体积。

    网站标题:创新互联百度小程序教程:代码编译
    网站路径:http://www.gawzjz.com/qtweb2/news10/4360.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联