微信小游戏开发（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的图片。

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

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

版权声明：本文为chentiantian921017原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/chentiantian921017/p/9560322.html