微信小程序引入外部js module.exports 的使用

古城微笑少年丶 2023-07-24 08:31 44阅读 0赞

[https://developers.weixin.qq.com/miniprogram/dev/reference/api/exports.html][https_developers.weixin.qq.com_miniprogram_dev_reference_api_exports.html] 微信官方

[微信小程序引用外部js][js]

1、先建立一个common.js， 写我们的外部js

比如： common.js

function getTime(){
      //下面写我们的代码  
        ....
    }
    
    // common.js
    function sayHello(name) {
      console.log(`Hello ${name} !`)
    }
    function sayGoodbye(name) {
      console.log(`Goodbye ${name} !`)
    }
    
    module.exports = { //必须在这里暴露接口，以便被外界访问，不然就不能访问
       getTime: getTime,
       sayHello:sayHello,
       sayGoodbye, //两个名字一样写一个 
    }

2、在需要引入js文件的js中写

var commonJS= require("../../utils/common.js"); //定义任意一个名字来接收对象即可。
    
     onLoad: function (options) {
        this.setData({
         time: commonJS.getTime() // 最后在这里生效
        })
      },

单个引入

module.exports 的引用
    
    // common.js
    function sayHello(name) {
      console.log(`Hello ${name} !`)
    }
    function sayGoodbye(name) {
      console.log(`Goodbye ${name} !`)
    }
    
    module.exports.sayHello = sayHello
    exports.sayGoodbye = sayGoodbye
    
    导出对象
    module.exports = {
        _get,
        _post,
    }
    
    引入
    import { _get, _post } from "./xxx.js"

[https_developers.weixin.qq.com_miniprogram_dev_reference_api_exports.html]: https://developers.weixin.qq.com/miniprogram/dev/reference/api/exports.html
[js]: https://www.cnblogs.com/sllzhj/p/10445814.html

发表评论取消回复

表情：

评论列表（有 0 条评论，44人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序引入外部js module.exports 的使用

[https://developers.weixin.qq.com/miniprogram/dev/reference/api/exports.html][https_deve

古城微笑少年丶/ 2023年07月24日 08:31/ 0 赞/ 45 阅读

相关微信小程序引入小图标

第一步：找到自己需要得小图标复制此链接 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

清疚/ 2023年07月13日 03:46/ 0 赞/ 144 阅读

相关微信小程序引入公用css及js

环境：微信小程序首先看一下官方资料：引入css：[https://developers.weixin.qq.com/miniprogram/dev/fram

Myth丶恋晨/ 2023年07月05日 14:41/ 0 赞/ 62 阅读

相关小程序引入外部的js文件

function demo(){ console.log('公共的js文件——————模板') } var obj={

柔光的暖阳◎/ 2023年01月12日 14:55/ 0 赞/ 427 阅读

相关微信小程序--icon引入外部图标

本博客仅仅只是个意外。大佬请绕道。第一步：搭建框架首先你得有个微信小程序的开发工具，然后把小白架构搭建好。（不会去看[官网][Link 1]）。

￡神魔★判官ぃ/ 2022年12月07日 15:30/ 0 赞/ 454 阅读

相关微信小程序引入weui

[https://www.jianshu.com/p/be2e64e99875][https_www.jianshu.com_p_be2e64e99875] 1.首先得确认

偏执的太偏执、/ 2022年11月19日 04:19/ 0 赞/ 342 阅读

相关【微信小程序】如何引入外部字体样式

我引入的字体是 [ionicons 字体][ionicons] ![这里写图片描述][70] Download Zip后打开fonts文件夹，将对应字体的 ttf文件

小灰灰/ 2022年05月28日 12:22/ 0 赞/ 381 阅读

相关 14.微信小程序之如何引入外部字体

最近是有个需求要在canvas上使用外部字体，但是没有没有找到方法。找到了在wxml页面上的办法，好像小程序上并没有开放在canvas上使用外部字体吧，啊哈哈哈万一有就是啪啪啪

亦凉/ 2022年04月12日 02:28/ 0 赞/ 553 阅读

相关微信小程序引入外部网页

![20181223230203760.jpg][] 承接微信小程序开发。扫码加微信。微信小程序开发交流qq群 581478349 ；小程序

你的名字/ 2021年09月30日 03:34/ 0 赞/ 575 阅读

相关微信小程序引入文件

1、在js中引入其他js：遵循requirejs语法 module.exports/exports +require('./xxx');

电玩女神/ 2021年07月24日 13:18/ 0 赞/ 688 阅读