HomeDocs
跳到主要内容

模块化

可以将一些公共的代码抽离成为一个单独的 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();
},
});
Privacy agreementDeveloper agreementcontact us: developer_service.mi@transsion.com © 2024 MiniApp. All Rights Reserved.