微信小程序中使用npm
1、使用微信开发者工具,打开终端
初始化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>节点,用于承载组件引用时提供的子节点。
<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啦!!!👏👏👏