タグ

ブックマーク / www.studiobusstop.com (1)

  • Webフロントエンド - RollupでjQueryを使う方法 | ブログ | STUDIO BUS STOP | 香川県高松市

    GulpでRollupを使う / rollup-stream、rollupの続きです。RollupでjQueryを読み込んで既存のjQueryプラグインを使う方法をいくつか試した備忘録です。slickを例にしてます。 import $ from ‘jquery’;でjQueryを読み込む場合 他ライブラリとの衝突を防がない場合 バンドル時にjQueryを含めるかどうかにかかわらず下記のコードで実行できます。 app.js 他ライブラリとの衝突を防ぐ場合 コードにjQueryを含めてバンドル jqueryをグローバルオブジェクトにしたうえで実行箇所を即時関数で囲みます。 app.js rollup.config.js コードにjQueryを含めずにバンドル この場合は、jqueryのグローバルオブジェクト指示なしで実行箇所を即時関数で囲みます。 app.js rollup.config.js

    Webフロントエンド - RollupでjQueryを使う方法 | ブログ | STUDIO BUS STOP | 香川県高松市
  • 1