微信小程序使用npm安裝包

小程序如今支持直接經過npm安裝包了，點擊這裏瞭解更多。

記錄一下我本身的安裝步驟及安裝過程當中遇到的一些問題。但願可以幫助到正在閱讀此篇文章的你~

我就直接經過在項目根目錄安裝miniprogram-datepicker作演示了。

1.在項目根目錄下面新建文件夾：node_modules。

 

2.終端進入到node_modules文件夾所在的目錄

（注意不是node_modules文件夾裏面），在此例中就是根目錄了。

執行：

cnpm i miniprogram-datepicker -S --production

我這裏作了淘寶鏡像映射，因此用的cnpm，若是沒有作該映射，你就用npm。

 

3.安裝好以後，勾選 「使用npm模塊」

 

4.點擊開發者工具中的菜單欄：工具 --> 構建 npm

 

這一步完成以後你會看到跟node_modules同級多了一個文件夾 miniporgram_npm

 

 

5.直接引用該模塊了

由於這個是自定義組件，因此咱們在須要使用 datepicker 的頁面page.json中添加 datepicker 自定義組件配置：

{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}

 

咱們還能夠經過js引入npm包：

const myPackage = require('packageName') //方法一
import { myPackage} from 'packageName' //方法二

 

然而。。。。。

我發現我引用的時候報錯。。。。

這個問題我還未解決。。。若是有知道解決方案的，望告知。不甚感激~

官方有文檔以下：

因此我以爲它應該會本身找這個模塊，一直到根目錄。可是事實沒有，我不知道是否是我理解錯了。。。

 

-----12.26補充-----

出現上面這個問題是由於我用的cnpm安裝包，不能用cnpm，只能用npm。

詳情可查看：npm安裝包引用提示找不到該模塊

 -----//12.26補充-----

 

接下來講下遇到的問題：

1.node_modules文件夾須要本身建立。

 

2.執行上面第4步，也就是 構建npm 的時候一直提示 找不到node_modules模塊。

緣由：

沒有package.json文件。

 

解決方法：

在安裝npm包的時候，須要用到 -S，完整的命令語句是 npm install 安裝包名字 -S --production。

經測試發現，若是沒有添加-S就不會生成package.json文件。官方有文檔以下：