1. 程式人生 > >在小程式中使用npm包

在小程式中使用npm包

  1. 如果小程式中是第一次使用npm,是沒有package.json檔案的,所以直接npm install --production就會告訴你,沒有什麼可安裝的,就不會建立node_modules資料夾,所以一定要先npm init,初始化npm;
  2. 如果小程式中已經有package.json檔案,直接npm install --production就可以了;
  3. 如果想引入哪一個npm包時,直接npm install (包名稱) --production就可以了;
  4. 在引入npm包以後,要記得構建npm和允許使用npm:構建的位置在小程式開發工具–>工具 --> 構建 npm ,允許使用npm,在小程式開發工具–>詳情–> 使用npm模組;
  5. 在小程式中使用引入的npm包時,需要先在.js中請求/匯入這個檔案,請求/匯入方法為:
 const 變數名 = require('npm包名稱');//方法1
import { 變數名 } from 'npm包名稱' //方法2
  1. 如果是一個方法的話,直接在js檔案中使用就可以了,如果是一個元件的話,需要在.json檔案中新增自定義元件配置,然後直接使用元件就可以了:
{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}

使用–production選項,可以減少安裝一些業務無關的 npm 包,從而減少整個小程式包的大小。
並不強制要求 node_modules 必須在小程式根目錄下,也可以存在於小程式根目錄下的各個子目錄中。但是不允許 node_modules 在小程式根目錄外。