• 代碼編譯
  • 增強(qiáng)編譯
  • ES6 轉(zhuǎn) ES5
  • 樣式補(bǔ)全
  • 壓縮代碼

代碼編譯

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

站在用戶的角度思考問題，與客戶深入溝通，找到印江網(wǎng)站設(shè)計與印江網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋印江地區(qū)。

增強(qiáng)編譯

開發(fā)者工具從 2.16.0 版本起增加了增強(qiáng)編譯的選項來增強(qiáng) ES6 轉(zhuǎn) ES5 的能力，啟用后會使用新的編譯邏輯以及提供額外的選項供開發(fā)者使用。
開啟功能路徑：項目信息 => 本地配置 => 增強(qiáng)編譯

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

特性	原有邏輯	增強(qiáng)編譯
Babel 版本	babel6	babel7
Presets	env {}	env {chrome:53, ios:8}
Helpers	單文件內(nèi)聯(lián)	跨文件共享
Async/Await	不支持	支持
忽略文件目錄	不支持	支持
代碼壓縮	uglify-js	terser

• 使用 preset-env，支持最新的 ECMAScript 語法;
• 共享 Babel 輔助函數(shù)，減小產(chǎn)出包體積;
• 支持 async/await 語法，按需注入 regeneratorRuntime;
• 忽略文件目錄，可通過項目配置文件配置;
• 可通過項目配置文件指定任意文件、目錄不經(jīng)過編譯。

ES6 轉(zhuǎn) ES5

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

樣式補(bǔ)全

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

壓縮代碼

開啟此選項，開發(fā)者工具在上傳代碼時候?qū)椭_發(fā)者壓縮和混淆 javascript 代碼，減小代碼包體積。

文章標(biāo)題：創(chuàng)新互聯(lián)百度小程序教程：代碼編譯
網(wǎng)址分享：http://m.5511xx.com/article/dpdjheo.html