hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

Webpack+babel環境をやっとこそれっぽぅしたときのライブラリnpmインスコメモ

いろいろインストール(ホントは半スペで名前をつなげて書けば一行で済む)

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

【webpack】スライドショー「Swiper」を使いたい

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’;


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください