微信小游戏开发（8）-模块化

模块化

小程序提供了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的图片。

关于模块化的内容就为大家介绍到这里，下一节将为大家介绍分包加载的相关内容。

学习是一条令人时而喜极而泣，时而郁郁寡欢的道路。如果您觉得这篇文章对您有所帮助，请您酌情赞赏！