在小程式中使用npm包
阿新 • • 發佈:2018-11-09
- 如果小程式中是第一次使用npm,是沒有package.json檔案的,所以直接npm install --production就會告訴你,沒有什麼可安裝的,就不會建立node_modules資料夾,所以一定要先npm init,初始化npm;
- 如果小程式中已經有package.json檔案,直接npm install --production就可以了;
- 如果想引入哪一個npm包時,直接npm install (包名稱) --production就可以了;
- 在引入npm包以後,要記得構建npm和允許使用npm:構建的位置在小程式開發工具–>工具 --> 構建 npm ,允許使用npm,在小程式開發工具–>詳情–> 使用npm模組;
- 在小程式中使用引入的npm包時,需要先在.js中請求/匯入這個檔案,請求/匯入方法為:
const 變數名 = require('npm包名稱');//方法1
import { 變數名 } from 'npm包名稱' //方法2
- 如果是一個方法的話,直接在js檔案中使用就可以了,如果是一個元件的話,需要在.json檔案中新增自定義元件配置,然後直接使用元件就可以了:
{
"usingComponents": {
"datepicker": "miniprogram-datepicker"
}
}
使用–production選項,可以減少安裝一些業務無關的 npm 包,從而減少整個小程式包的大小。
並不強制要求 node_modules 必須在小程式根目錄下,也可以存在於小程式根目錄下的各個子目錄中。但是不允許 node_modules 在小程式根目錄外。