webpackで複数エントリーポイントを指定する

トップ ― webpackで複数エントリーポイントを指定する

投稿者 : TomoyaOkada

公開日:

更新日:

webpackで複数エントリーポイントを指定する

JavaScript

目次

webpackを使っていてエントリーポイントを複数指定したい時があると思います。
そのやり方について備忘録として残しておきます。

webpack.config.jsに設定

entryに対して、[name]+パスを指定します。

module.exports = {
  mode: 'production',
  entry: {
    front: './src/index.js',
    page: './src/page-index.js',
  },
  output: {
    filename: '[name].bundle.js',
    path: path.join(__dirname, 'js'),
  },
};


この状態でコマンドを実行すると、outputで指定した場所とファイル名で出力がされます。

front.bundle.js
page.bundle.js



記事をシェア

  • Twitter
  • FaceBook
  • hatena