webpackでjQueryプラグインを使う

App.js

// 使える!!
$('body').velocity();
// ただし、下記のようにどこかしらでVelocityを参照していないとプラグインを読み込んでくれない
// 結局のところエントリポイントのファイルとかでimport 'jquery-velocity';読んでおくのがベターな気がする
Velocity;

webpack.js

// いろいろ省略
webpack({
  plugins: [
    new webpack.ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery',
      // プラグインを読み込んだ時にwindow.jQueryが存在している必要がある
      'window.jQuery': 'jquery'
      // velocity-animateを読み込んでみる
      // ここではVelocityという名前にしているので、この名前が参照されて始めてモジュールが読み込まれる
      // つまりソースの中でVelocityを一度も使っていなかった場合、$().velocityも使えない
      Velocity: 'velocity-animate'
    })
  ]
});