评论

微信小程序如何引入npm包?

通过 npm 使用 dayjs 库

前言

你还在下载源码复制到项目中去使用吗?现在已经不需要了!

从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包。

接下来我们以npm引用 dayjs 库为案例。

dayjs:一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js。

Moment.js 的 2kB 轻量化方案,拥有同样强大的 API

    dayjs()
   .startOf('month')
   .add(1, 'day')
   .set('year', 2018)
   .format('YYYY-MM-DD HH:mm:ss')
  • 🕒 和 Moment.js 相同的 API 和用法
  • 💪 不可变数据 (Immutable)
  • 🔥 支持链式操作 (Chainable)
  • 🌐 国际化 I18n
  • 📦 仅 2kb 大小的微型库
  • 👫 全浏览器兼容

地址:https://github.com/iamkun/dayjs

引用步骤

  1. 打开调试器区域的【终端】面板。

  1. 输入npm init,然后填写初始化信息,默认值可以按回车。

  2. 填写完成后,会生成一个package.json文件。

  1. 安装 dayjs:在终端输入 npm install dayjs --save

  2. 点击开发者工具中的工具栏:详情 --> 本地设置 --> 勾选【使用 npm 模块】

  1. 点击开发者工具中的菜单栏:工具 --> 构建 npm

  1. 引入使用

dayjs 详细使用文档:https://day.js.org/zh-CN/

最后一次编辑于  09-30  
点赞 2
收藏
评论

1 个评论

  • 天蜂网络
    天蜂网络
    09-30

    1.在小程序根目录内,初始化npm

    2.在小程序中执行命令安装 npm 包

    3.在微信开发者工具中的菜单栏:工具 --> 构建 npm 

    4.在微信开发者工具中的菜单栏:工具 --> 项目详情, 勾选“使用 npm 模块”选项:

    5.使用组件库

    6.使用其他npm 包方法


    09-30
    赞同
    回复
登录 后发表内容