小程序导入模块怎么使用

时间:2025-01-27 20:42:44 单机游戏

在微信小程序中,导入模块的步骤如下:

创建模块文件

在项目中的某个文件夹(例如 `utils`)下新建一个JavaScript文件,例如 `common.js`。

在该文件中定义需要导出的函数或对象,并使用 `module.exports` 进行导出。例如:

```javascript

// pages/utils/common.js

function sayHello(name) {

console.log('Hello ' + name + '!');

}

function sayGoodbye(name) {

console.log(`Goodbye ${name}!`);

}

module.exports.sayHello = sayHello;

module.exports.sayGoodbye = sayGoodbye;

```

在其他页面中引用模块

在需要使用这些公共函数的页面中,使用 `require` 函数引入模块。例如,在 `index.js` 中:

```javascript

// index.js

const common = require('../utils/common.js');

Page({

clickMe: function() {

common.sayHello('MINA');

}

});

```

注意事项

确保模块文件的路径正确,特别是当模块位于不同文件夹时。

如果模块依赖于其他模块,需要确保这些依赖模块也已经被正确引入。

使用 `require` 引入模块时,路径是相对于当前文件的。

通过以上步骤,你可以在微信小程序中成功导入并使用自定义模块,从而避免代码重复,提高代码的可维护性。