運行命令 npm install --production

-- node_modules必須在小程序根目錄下，也可以存在于小程序根目錄下的各個子目錄中。但是不允許 node_modules 在小程序根目錄外 (建議是在根目錄執(zhí)行)

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

-- 可以用cnpm

-- 我這里是在根目錄下運行

image.png

根據(jù)官網(wǎng)步驟執(zhí)行命令 出現(xiàn)一下問題

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

image.png

此時目錄中僅多出兩個文件

image.png

3.打開開發(fā)者工具

image.png

這里js-base64模塊 為例

npm install js-base64 -S --priduction

image.png

這是目錄中會出現(xiàn) node_modules這個目錄

image.png

點開以后會發(fā)現(xiàn)有我們已經(jīng)下載的js-base64模塊

image.png

這時候打開微信開發(fā)工具 點擊上方菜單 “ 工具 => 構建 npm” 即可 生成miniprogram_npm文件夾

image.png

6.我們找個頁面試一下 打印一下是否能夠正常使用

image.png

如果引用ui庫組建的話，以vant-ui為例， 以上過程都相同，在組件引用的時候

image.png

image.png

image.png

可以 同樣好用

完成

貼出官網(wǎng)地址，在官網(wǎng)的最下方還介紹了關于npm包發(fā)不得流程以及約束

總結

以上是生活随笔為你收集整理的小程序在输入npm命令_小程序中使用npm的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。