微信小程序中使用npm

1、使用微信開發(fā)者工具，打開終端

初始化package.json? ? npm init?

安裝node_moudles? ? ?npm install

安裝完成之后打開工具——>構建npm

打開詳情中的本地設置中使用npm模塊

然后就可以安裝一個ui組件日歷：
1、npm i?miniprogram-datepicker
2、npm install --save miniprogram-datepicker
3、在需要使用 datepicker 的頁面 page.json 中添加 datepicker 自定義組件配置

{

??"usingComponents":?{

????"datepicker":?"miniprogram-datepicker"

??}

}
4、WXML 文件中引用 datepicker

datepicker 提供<slot>節(jié)點，用于承載組件引用時提供的子節(jié)點。

<datepicker?value="{{solar}}"?bindchange="bindSolarChange">

????<button?type="default">公歷</button>

</datepicker>

最后文件目錄：

遇到問題：

次圖采用的是weui，
需要在：app.wxss中引用：
@import?'/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';?

解決方式：使用npm install 的時候必須使用 --save的形式進行安裝npm

然后Ok啦?。?！??????