微信小程序导入自己的js包

微信小程序他提供的API在某些特定情况下是不能满足我们的业务需求时就需要导入我们自己的包，本文记录了如何导入。

• 在我们的目录下新建一个helper文件夹，我喜欢把自己的工具包放到helper里面，你们可以按照自己喜好取名。
• 在helper下面新建一个encryption.js文件，这里面会将封装我们自己的js库
  大体的目录结构就是这样的了

目录结构

• 在encryption.js文件里写入下面的代码

//这里用到了一些es6的语法，项目里面需要开启es6转es5的选项

let encryption = {
    //哈哈，还是hello
    hello: function(){
        console.log("hello")
    }
}

function Encryption(){
  Object.assign(this, encryption)//微信小程序通过这样的方式将某个变量绑定到this上
  return this
}

//导出某个方法，对外输出某个方法
module.exports = {
  Encryption
}

• 现在在需要使用这个库的js文件导入这个文件就好了
  我们在index页面下调用试试

// 导入帮助类
import { Encryption } from '../../helper/encryption'

//在页面上添加一个button控件绑定到这个方法上
myJsTap: function(){
    var encryption = new Encryption
    encryption.hello()
}

这就是导入自己js库的方法。
如果不妥的地方请指教。

源码已经上传：
点击下载

原文地址

[获取授权]