在微信小程序中,导入模块的步骤如下:
创建模块文件
在项目中的某个文件夹(例如 `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` 引入模块时,路径是相对于当前文件的。
通过以上步骤,你可以在微信小程序中成功导入并使用自定义模块,从而避免代码重复,提高代码的可维护性。