小程序支持npm包

一段時(shí)間沒看小程序的文檔扼倘,突然發(fā)現(xiàn)小程序現(xiàn)在支持npm包了柿冲,感覺整個(gè)人都萌萌噠
事不宜遲 貼上文檔 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

小程序支持npm包從版本2.2.1的基礎(chǔ)庫開始 缚够,開發(fā)的時(shí)候需要使用beta版本開發(fā)工具 城侧,下載地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/beta.html

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

安裝--production 目的是減少安裝一些業(yè)務(wù)無關(guān)的包扔仓,從而減少整個(gè)小程序的大小播玖。

測試下是否可以用npm包
隨便在npm官網(wǎng)找個(gè)包來玩玩 椎工,就js-base64 吧
https://www.npmjs.com/package/js-base64

記得安裝對(duì)應(yīng)的npm包哦如: cnpm install js-base64

在index.js中引入
// pages/npm/index.js
// const Base64 = require('js-base64').Base64;
import { Base64} from 'js-base64' //比較喜歡這種寫法
console.log(Base64);

引入之后,console一直報(bào)錯(cuò)蜀踏,找不到模塊如module "pages/npm/js-base64" is not defined
這個(gè)時(shí)候要檢測是否沒有安裝npm包
還有就是要記得npm構(gòu)建维蒙,npm構(gòu)建,npm構(gòu)建

詳情面板 勾選“使用 npm 模塊”選項(xiàng):
點(diǎn)擊開發(fā)者工具中的菜單欄:工具 --> 構(gòu)建 npm

【【有個(gè)重點(diǎn)需要注意點(diǎn)】】
構(gòu)建npm 有提示 “沒有找到可以構(gòu)建的NPM包” 這個(gè)時(shí)候除了看下開發(fā)工具里 使用npm模塊 有沒有打鉤果覆,如果有颅痊,還出現(xiàn) 那就嘗試跑下如下命令 :
npm install miniprogram-sm-crypto --production

image.png

npm構(gòu)建成功,這個(gè)時(shí)候你會(huì)發(fā)現(xiàn)小程序的根目錄出現(xiàn)了 miniprogram_npm這個(gè)文件夾
引用的npm包也可以用了局待,例子如下: 【好記性不如爛筆頭斑响,此篇純屬個(gè)人筆記,記錄下免得忘記 】

有個(gè)不足之處就是開發(fā)工具上沒有比較明顯 【npm構(gòu)建 】按鈕

QQ圖片20180827112706.png

【 重點(diǎn)啦啦啦Gァ=⒎!!薛耻!】】】】】】
今天2019年11月26日营罢,發(fā)現(xiàn)小程序引入npm包有點(diǎn)微妙的變化 ,下面我貼下昭卓,我重新溫故然后掉坑一遍的流程圖
(1)搭建完項(xiàng)目之后,由于需要引入npm包瘟滨,所以需要實(shí)例化 所以要先執(zhí)行 npm init

我就是沒有這么做候醒,按照官網(wǎng)直接就去npm install了,所以踩了個(gè)坑如下圖所示啦T尤场5挂!0苡瘛5型痢!

1引入npm.png

(2)初始化后运翼,引入了相關(guān)的npm包后返干,要工具 ——> 構(gòu)建npm 氮素 ,又掉進(jìn)坑了 如圖所示

2引入npm.png

圖中的命令是:npm install miniprogram-sm-crypto --production

(3)按照?qǐng)D從坑爬出來了血淌,重新構(gòu)建npm之后看到了勝利的曙光矩欠,如下圖所示啦2破省!癌淮!


3引入npm.png

最近需要搞小程序插件躺坟,由于小程序插件的功能也有這部分npm引用的問題,所以步驟基本是一致的乳蓄,不同的點(diǎn)是 npm包是在plugin根目錄下
如圖所示:

image.png

最后感慨下:一晃一年過去了咪橙,上面當(dāng)初的筆記溫故了下發(fā)現(xiàn)有所不同,哈哈虚倒,不過技術(shù)在更新美侦, 難免會(huì)出現(xiàn)這樣那樣的問題,如果遇到裹刮,不急躁音榜,靜下心來,掉坑了慢慢爬出來捧弃,等爬出來的時(shí)候赠叼,你就獲得了一個(gè)寶貴的經(jīng)驗(yàn),你說呢 违霞? 就是需要遇到問題嘴办,才能有所長進(jìn),長見識(shí)長經(jīng)驗(yàn)买鸽,我去搬磚了涧郊,還有個(gè)大坑等著我去跳去填啦,拜拜

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末眼五,一起剝皮案震驚了整個(gè)濱河市妆艘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌看幼,老刑警劉巖批旺,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異诵姜,居然都是意外死亡汽煮,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門棚唆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來暇赤,“玉大人,你說我怎么就攤上這事宵凌⌒遥” “怎么了?”我有些...
    開封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵瞎惫,是天一觀的道長失暴。 經(jīng)常有香客問我坯门,道長,這世上最難降的妖魔是什么逗扒? 我笑而不...
    開封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任古戴,我火速辦了婚禮,結(jié)果婚禮上矩肩,老公的妹妹穿的比我還像新娘现恼。我一直安慰自己,他們只是感情好黍檩,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開白布叉袍。 她就那樣靜靜地躺著,像睡著了一般刽酱。 火紅的嫁衣襯著肌膚如雪喳逛。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天棵里,我揣著相機(jī)與錄音润文,去河邊找鬼。 笑死殿怜,一個(gè)胖子當(dāng)著我的面吹牛典蝌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播头谜,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼骏掀,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了柱告?” 一聲冷哼從身側(cè)響起截驮,我...
    開封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎际度,沒想到半個(gè)月后葵袭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡甲脏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年眶熬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了妹笆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片块请。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖拳缠,靈堂內(nèi)的尸體忽然破棺而出墩新,到底是詐尸還是另有隱情,我是刑警寧澤窟坐,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布海渊,位于F島的核電站绵疲,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏臣疑。R本人自食惡果不足惜盔憨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望讯沈。 院中可真熱鬧郁岩,春花似錦、人聲如沸缺狠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挤茄。三九已至如叼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間穷劈,已是汗流浹背笼恰。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留囚衔,地道東北人挖腰。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像练湿,于是被迫代替她去往敵國和親猴仑。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 寫在前面的話 閱讀本文之前肥哎,先看下面這個(gè)webpack的配置文件辽俗,如果每一項(xiàng)你都懂,那本文能帶給你的收獲也許就比較...
    不忘初心_9a16閱讀 3,235評(píng)論 0 17
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,162評(píng)論 25 707
  • 1篡诽、npm是什么崖飘? NPM (node package manager),通常稱為node包管理器杈女。顧名思義朱浴,它的...
    徐國軍_plus閱讀 7,065評(píng)論 1 6
  • 求學(xué)生涯最不喜歡的就是命題作文翰蠢,不喜歡連有感而發(fā)的寫作也需要由死板的題目來禁錮,因此成為了理科生啰劲。畢業(yè)后除了博客上...
    凌聽生涯規(guī)劃閱讀 687評(píng)論 6 7
  • 我癡情的蝇裤,為你寫下 一首首情詩 只能這樣廷支,才能留下 喜歡你的證據(jù) 喜歡你的清新频鉴,自然 你的溫度,如此宜人 你的一笑...
    冷冬年閱讀 425評(píng)論 18 40