微信小程序如何引入npm包?
前言
你还在下载源码复制到项目中去使用吗?现在已经不需要了!
从小程序基础库版本 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
引用步骤
打开调试器区域的【终端】面板。
[图片]
输入[代码]npm init[代码],然后填写初始化信息,默认值可以按回车。
填写完成后,会生成一个package.json文件。
[图片]
安装 dayjs:在终端输入 [代码]npm install dayjs --save[代码]
点击开发者工具中的工具栏:详情 --> 本地设置 --> 勾选【使用 npm 模块】
[图片]
点击开发者工具中的菜单栏:工具 --> 构建 npm
[图片]
引入使用
[图片]
dayjs 详细使用文档:https://day.js.org/zh-CN/