微信小程式 使用npm(第三方包)

2022-06-07 08:18:09 字數 1029 閱讀 9619

突然發現小程式現在支援npm包了

事不宜遲 貼上文件

安裝--production 目的是減少安裝一些業務無關的包,從而減少整個小程式的大小。

測試下是否可以用npm包

隨便在npm官網找個包 ,就js-base64 吧

記得安裝對應的npm包,生成package.json配置檔案:

npm init

cnpm install js-base64 --production

ps:從開發者工具 v1.02.1811150 版本開始,調整為根據 package.json 的 dependencies 字段構建,所以宣告在 devdependencies 裡的包也可以在開發過程中被安裝使用而不會參與到構建中。如果是這之前的版本,則建議使用--production選項,可以減少安裝一些業務無關的 npm 包,從而減少整個小程式包的大小。

如果安裝npm包,npm的配置檔案 package.json中 沒有 js-base64 那就手動新增把,如圖:

在index.js中引入

// pages/npm/index.js

// const base64 = require('js-base64').base64;

import from 'js-base64' //比較喜歡這種寫法

console.log(base64);

引入之後,console一直報錯,找不到模組如module "pages/npm/js-base64" is not defined

這個時候要檢測是否沒有安裝npm包

還有就是要記得npm構建

詳情面板 勾選「使用 npm 模組」選項:

點選開發者工具中的選單欄:工具 --> 構建 npm

這個時候你會發現小程式的根目錄出現了 miniprogram_npm這個資料夾

引用的npm包也可以用了

問題: 小程式構建npm出現沒有找到node_modules

** 

微信小程式使用npm安裝第三方庫

我們以安裝有讚的vant庫做例子 現新建乙個小程式,在小程式根目錄中 miniprogram 執行 npm init輸入一些基本的資訊,可以一直回車,按預設就可以,然後會生成乙個package.json檔案 接下來生成package lock.json,記錄使用的第三方外掛程式 npm instal...

微信第三方平台

申請和上線流程 2 開發者自行開發和測試授權 全網發布接入檢測 3 申請全網發布並上線 4 發布後修改和覆蓋現網 公眾帳號授權給第三方平台的授權流程技術說明 授權流程技術指引文件 第三方平台授權後如何幫助旗下公眾平台帳號實現業務 卡券強授權 小程式管理許可權集 第三方平台授權後如何幫助旗下小程式帳號...

iOS微信第三方登入

2.匯入對應的庫 置應用間的跳轉 4.就說明沒有針對ios9 增加白名單。2 單例介面 import wxapi.h inte ce uiresponder wxapidelegate property strong nonatomic nsstring access token property ...