はりうすブログ (のすけのメモ)

湘南にある小さな会社 代表 ”のすけ”のブログです

Nuxt.js環境でGSAPプラグインを登録する方法

f:id:hollywis:20201020112351p:plain

Nuxt.jsにてGSAPのプラグインを使おうとする場合

Docs - GreenSock
このページの通りにやっても

Unexpected token {

とか色々出て動きません。


色々調べた結果、このようにgsap/dist/のパス指定してあげると動きます!

import { gsap } from "gsap";
import { MotionPathPlugin } from "gsap/dist/MotionPathPlugin";

gsap.registerPlugin(MotionPathPlugin);

参考:
Problem with Razzle and GSAP - GSAP - GreenSock