いろいろインストール(ホントは半スペで名前をつなげて書けば一行で済む)
npm install jquery
npm i swiper
npm i picturefill
npm install imagesloaded
npm install gsap
npm install pixi.js
npm install stats.js
GitHub – desandro/imagesloaded: JavaScript is all like “You images done yet or what?”
https://github.com/desandro/imagesloaded
gsap – npm
https://www.npmjs.com/package/gsap
【webpack】スライドショー「Swiper」を使いたい – expexp.jp
GitHub – pixijs/pixi.js: The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
https://github.com/pixijs/pixi.js
いろいろモジュールを読み込む
import jQuery from ‘jquery’;
// ドルマークに参照を代入(慣習的な $ を使うため)
const $ = jQuery;
import picturefill from “picturefill”;
picturefill();
import Swiper from ‘swiper’;
// tweenmaxガッツリインポート(全easing,tweenMax,timelineMax)など
import {TweenMax} from “gsap”;
// tweenmax使用部分のみ部分的インポート
import {TweenMax, Power2, TimelineLite} from “gsap/TweenMax”;
// tweenmaxその他、プラグインのインポート
import ScrollToPlugin from “gsap/ScrollToPlugin”;
// pixi
import * as PIXI from ‘pixi.js’;
// stats
import * as Stats from ‘stats.js’;
コメントを残す