微信小程序中使用npm

微信小程序中使用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啦!!!👏👏👏

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。