微信小程序他提供的API在某些特定情況下是不能滿足我們的業(yè)務(wù)需求時(shí)就需要導(dǎo)入我們自己的包，本文記錄了如何導(dǎo)入。
- 在我們的目錄下新建一個(gè)
helper文件夾，我喜歡把自己的工具包放到helper里面，你們可以按照自己喜好取名。 - 在
helper下面新建一個(gè)encryption.js文件，這里面會(huì)將封裝我們自己的js庫(kù)
大體的目錄結(jié)構(gòu)就是這樣的了
目錄結(jié)構(gòu)
- 在
encryption.js文件里寫入下面的代碼
//這里用到了一些es6的語法，項(xiàng)目里面需要開啟es6轉(zhuǎn)es5的選項(xiàng)
let encryption = {
//哈哈，還是hello
hello: function(){
console.log("hello")
}
}
function Encryption(){
Object.assign(this, encryption)//微信小程序通過這樣的方式將某個(gè)變量綁定到this上
return this
}
//導(dǎo)出某個(gè)方法，對(duì)外輸出某個(gè)方法
module.exports = {
Encryption
}
- 現(xiàn)在在需要使用這個(gè)庫(kù)的js文件導(dǎo)入這個(gè)文件就好了
我們?cè)?code>index頁面下調(diào)用試試
// 導(dǎo)入幫助類
import { Encryption } from '../../helper/encryption'
//在頁面上添加一個(gè)button控件綁定到這個(gè)方法上
myJsTap: function(){
var encryption = new Encryption
encryption.hello()
}
這就是導(dǎo)入自己js庫(kù)的方法。
如果不妥的地方請(qǐng)指教。
源碼已經(jīng)上傳：
點(diǎn)擊下載
