微信小程序如何引入npm包?
发布于 4 年前 作者 jieqiu 4075 次浏览 来自 分享

前言

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

从小程序基础库版本 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/

1 回复

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

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

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

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

5.使用组件库

6.使用其他npm 包方法

回到顶部