[webpack] webpack 2 入門: ProvidePlugin で依存するライブラリを autoload する

公開日: 2017/06/06
更新日: 2018/10/04

例えば、サンプルコードの jQuery と lodash を import, require なしで読込ませます。

インストール不要です。

プラグインを設定すると、$ などがどこでも有効になります。

webpack.config.js
const webpack = require('webpack');
module.exports = {
    :
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      _: 'lodash',
    }),
  ],
};

これで各 JavaScript ファイル内の import, require が不要になります。

import $ from 'jquery';
import _ from 'lodash';