模組化

小程式提供了CommonJS風格的模組API，可以通過module.expotrs和exports匯出模組，通過require引入模組。

我們在根目錄下新建資料夾src，再在src中新建資料夾util，在util中新建module.js。

|----src
|   |----util
|       |----module.js\
複製程式碼

在module.js中編寫一個方法，將hero.png放到頁面的指定位置：

module.exports = function(canvas,x,y){
    var image = wx.createImage();
    image.onload = function(){
        var context = canvas.getContext('2d');
        context.drawImage(image,x,y);
    }
    image.src='images/hero.png'
}
複製程式碼

再在game.js中通過require引入該檔案，並呼叫。

var module = require('src/util/module.js');
module(canvas,0,0);
複製程式碼

可以看到在頁面的左上角就出現了這個hero.png的圖片。

關於模組化的內容就為大家介紹到這裡，下一節將為大家介紹分包載入的相關內容。

學習是一條令人時而喜極而泣，時而鬱鬱寡歡的道路。如果您覺得這篇文章對您有所幫助，請您酌情讚賞！