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

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

記事をシェアする

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



記事をシェアする