加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai开发第三方库

第三方库

在 MooKwai 主题中已采用 webpack.dll 技术打包了一个 vendors.js 文件,里面包含了 MooKwai 使用的一些第三方 JS 库。 内置第三方库 gsap https://www.npmjs.com/package/gsap 除 gsap 核心文件外,还包含以下插件 lottie-web https://www.npmjs.com/package/lottie-web …

文章目录

在 MooKwai 主题中已采用 webpack.dll 技术打包了一个 vendors.js 文件,里面包含了 MooKwai 使用的一些第三方 JS 库。

内置第三方库

gsap

https://www.npmjs.com/package/gsap

除 gsap 核心文件外,还包含以下插件

  • gsap/ScrollTrigger
  • gsap/ScrollSmoother
  • gsap/InertiaPlugin
  • gsap/Observer
  • gsap/TextPlugin
  • gsap/SplitText

lottie-web

https://www.npmjs.com/package/lottie-web

nanoid

https://www.npmjs.com/package/nanoid

引用 vendors

要在你的 JS 中引用这些库,可通过 npm 引用 MooKwai 内置的 vendors,文件路径为 mookwai/vendors/manifest.json。

// 在webpack配置中加入以下配置

const Webpack = require( 'webpack' );
const { resolve } = require( 'path' );
module.exports = {
  ...其他配置
  plugins: [
    new Webpack.DllReferencePlugin( {
      manifest: resolve(
        __dirname,
        '../mookwai/vendors/manifest.json'
      ),
    } ),
  ],
};

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧