-
運行命令 npm install --production
-- node_modules必須在小程序根目錄下,也可以存在于小程序根目錄下的各個子目錄中务嫡。但是不允許 node_modules 在小程序根目錄外 (建議是在根目錄執(zhí)行)
-- 安裝--production 目的是減少安裝一些業(yè)務無關(guān)的包却音,從而減少整個小程序的大小庶柿。
-- 可以用cnpm
-- 我這里是在根目錄下運行
image.png
npm WARN saveError ENOENT: no such file or directory, open 'D:\2019WORK\carLife
package.json'npm WARN enoent ENOENT: no such file or directory, open 'D:\2019WORK\carLife\package.json'
npm WARN carLife No description
npm WARN carLife No repository field.
npm WARN carLife No README data
npm WARN carLife No license field.
解決方案: 在當前目錄npm init 一下 就可以了
2.再次執(zhí)行npm install --production
此時目錄中僅多出兩個文件
3.打開開發(fā)者工具
- 這里js-base64模塊 為例
npm install js-base64 -S --priduction
這是目錄中會出現(xiàn) node_modules這個目錄
點開以后會發(fā)現(xiàn)有我們已經(jīng)下載的js-base64模塊
-
這時候打開微信開發(fā)工具 點擊上方菜單 “ 工具 => 構(gòu)建 npm” 即可 生成miniprogram_npm文件夾
image.png
6.我們找個頁面試一下 打印一下是否能夠正常使用
image.png -
如果引用ui庫組建的話看铆,以vant-ui為例挤巡, 以上過程都相同剩彬,在組件引用的時候
image.png
image.png
image.png
可以 同樣好用
完成
貼出官網(wǎng)地址,在官網(wǎng)的最下方還介紹了關(guān)于npm包發(fā)不得流程以及約束
https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html