百度智能小程序 代碼編譯

2020-09-05 15:15 更新

代碼編譯

開(kāi)發(fā)者工具從 2.2.7 版本提供 ES6 轉(zhuǎn) ES5、樣式補(bǔ)全、壓縮代碼等代碼編譯能力,開(kāi)發(fā)者可在菜單欄“項(xiàng)目信息”中,勾選需要開(kāi)啟的功能。

圖片

增強(qiáng)編譯

開(kāi)發(fā)者工具從 2.16.0 版本起增加了增強(qiáng)編譯的選項(xiàng)來(lái)增強(qiáng) ES6 轉(zhuǎn) ES5 的能力,啟用后會(huì)使用新的編譯邏輯以及提供額外的選項(xiàng)供開(kāi)發(fā)者使用。

開(kāi)啟功能路徑:項(xiàng)目信息 => 本地配置 => 增強(qiáng)編譯

圖片

啟用增強(qiáng)編譯后的編譯能力的對(duì)比:

特性原有邏輯增強(qiáng)編譯
Babel 版本babel6babel7
Presetsenv {}env {chrome:53, ios:8}
Helpers單文件內(nèi)聯(lián)跨文件共享
Async/Await不支持支持
忽略文件目錄不支持支持
代碼壓縮uglify-jsterser
  • 使用 preset-env,支持最新的 ECMAScript 語(yǔ)法;
  • 共享 Babel 輔助函數(shù),減小產(chǎn)出包體積;
  • 支持 async/await 語(yǔ)法,按需注入 regeneratorRuntime;
  • 忽略文件目錄,可通過(guò)項(xiàng)目配置文件配置;
  • 可通過(guò)項(xiàng)目配置文件指定任意文件、目錄不經(jīng)過(guò)編譯。

ES6 轉(zhuǎn) ES5

在開(kāi)發(fā)者工具中,會(huì)默認(rèn)使用 babel 將開(kāi)發(fā)者 ES6 語(yǔ)法代碼轉(zhuǎn)換為三端都能很好支持的 ES5 的代碼,幫助開(kāi)發(fā)者解決環(huán)境不同所帶來(lái)的開(kāi)發(fā)問(wèn)題。需要注意的是:為了提高代碼質(zhì)量,在開(kāi)啟 ES6 轉(zhuǎn)換功能的情況下,默認(rèn)啟用 javasctipt 嚴(yán)格模式。

樣式補(bǔ)全

開(kāi)啟此選項(xiàng),開(kāi)發(fā)者工具會(huì)自動(dòng)檢測(cè)并補(bǔ)全缺失樣式,保證在低版本系統(tǒng)上的正常顯示。盡管可以規(guī)避大部分的問(wèn)題,還是建議開(kāi)發(fā)者需要在 iOS 和 Android 上分別檢查小程序的真實(shí)表現(xiàn)。

壓縮代碼

開(kāi)啟此選項(xiàng),開(kāi)發(fā)者工具在上傳代碼時(shí)候?qū)?huì)幫助開(kāi)發(fā)者壓縮和混淆 javascript 代碼,減小代碼包體積。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)