webpackの複数のentryファイルの指定について

Question

webpackを利用して、ファイルを1つにせずに、srcフォルダ以下のファイルとフォルダ群を
そのままの構成でtsファイルからjsファイルに出力する処理のconfigを設定したのですが、
この場合だと、ファイルを増やすごとにentryに記述する必要があります。

何か良い方法がないか教えて頂けると助かります。

下記の構成でentryとoutputを指定しています。

  entry: {
    "app": './src/app.ts',
    "pages/page1": './src/pages/page1.ts',
    "pages/page2": './src/pages/page2.ts'
  },

  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].bundle.js'
  },

srcのファイル構成

src
├pages
│├page1.ts
│└page2.ts
└app.ts

Answer 1

node-globを入れて、glob.syncでぶん回しましょう。

なお、相対パス周りの処理は、require('path')にいろいろ揃っています。

Comments

[yoyoyo555]

回答ありがとうございます。
助かります。