微信小程序中使用第三方库的方法

最近在做一个小程序项目，想在小程序中使用dayjs，所以需要在小程序中引入第三方库（被自己蠢哭了，记录一下）

1、无法通过 <script> 标签引入

小程序和网页开发都依赖 javascript，但是所用的 javascript 有所不同，因为小程序没有 DOM 和 BOM 对象所以，前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。因为小程序的框架和 NPM 与 Native 的不同，一些 NPM 的包在小程序中也是无法运行的。

小程序的主要开发语言是 JavaScript
​网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，
而在小程序中，二者是分开的，分别运行在不同的线程中。

网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作。而如上文所述，小程序的逻辑层和渲染层是分开的，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。
注意

• WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。
• WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。
• WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。
• WXS 函数不能作为组件的事件回调。
• 由于运行环境的差异，在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。
• 以下是一些使用 WXS 的简单示例，要完整了解 WXS 语法，请参考WXS 语法参考。

所以目前 wxs 还不能引入外部 js 文件

2、通过 npm 下载

Step 1：下载

npm install dayjs --save

Step 2 : 构建 npm

点击开发者工具菜单【工具】- 【构建 NPM】

Step 3 : JS 中引入

var dayjs = require('dayjs')

然后，我们就可以用 dayjs 了

let bol=dayjs().isBefore(dayjs('2021-12-15'));

3、通过 import 导入

首先要把 dayjs 文件下载下来保存在文件中

使用时

// 在所需使用dayjs的js文件引入此文件
import dayjs from '../../lib/dayjs.min.js'

// 然后在js文件中可直接使用
this.data.showTotalTime = dayjs(bg.duration * 1000).format('mm:ss')