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


突然發現小程序現在支持npm包了
事不宜遲 貼上文檔 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

小程序支持npm包從版本2.2.1的基礎庫開始 ,開發的時候需要使用beta版本開發工具 ,下載地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/beta.html

工具搞定啦:
需要在小程序根目錄 npm install --production >>>溫馨提示:【npm比較慢 的情況下,可以安裝下cnpm】

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

測試下是否可以用npm包
隨便在npm官網找個包 ,就js-base64 吧
https://www.npmjs.com/package/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 { Base64} 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 init
npm install --production
npm i vant-weapp -S --production //重要
執行這三步然后選擇構建npm

 

轉: https://www.jianshu.com/p/e8c0f8ee2cd5

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM