微信小程序如何引入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 大小的微型库
- 👫 全浏览器兼容
引用步骤
- 打开调试器区域的【终端】面板。
-
输入
npm init
,然后填写初始化信息,默认值可以按回车。 -
填写完成后,会生成一个package.json文件。
-
安装 dayjs:在终端输入
npm install dayjs --save
-
点击开发者工具中的工具栏:详情 --> 本地设置 --> 勾选【使用 npm 模块】
- 点击开发者工具中的菜单栏:工具 --> 构建 npm
- 引入使用
dayjs 详细使用文档:https://day.js.org/zh-CN/