模块化
可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 export default
才能对外暴露接口,qie。
注意:
- 模块目录目前只支持 pages 下的应用。
.
├── pages // 小程序的页面
│ ├── index // 小程序页面
│ │ ├── index.css // 小程序的页面的样式
│ │ ├── index.dlt // 小程序的页面模板
│ │ ├── index.js // 小程序的页面逻辑
│ │ └── index.json // 小程序的页面配置
│ └── util // 小程序公共方法
│ ├── i18n.js // 小程序国际化
│ ├── request.js // 小程序请求方法封装
│ └── xxx.js // 小程序的其他通用方法
├── app.css // 小程序全局样式
├── app.js // 小程序全局 js 逻辑
└── app.json // 小程序全局配置 - 小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中。
// util/index.js
function sayHello(name) {
console.log(`Hello ${name} !`);
}
function sayGoodbye(name) {
console.log(`Goodbye ${name} !`);
}
export default {
sayHello,
sayGoodbye,
};
// index/index.js
import test from "../util/index";
Page({
onShow() {
test.sayHello();
},
});