次のように私はWebPACKの2の構成を有するWebPACKの2エントリ

Question

で完全なサブディレクトリを指定する：私が見つけています...

module.exports = { 
    context: __dirname, 
    entry: [ 
     "./app.ts", 
     "./tab.ts", 
     "./client/clientService.ts", 
     "./client/clientSearchComponent.ts", 
     "./infrastructure/messageComponent.ts", 
     "./infrastructure/typeaheadComponent.ts", 
     "./url.ts"], 
    output: { 
     filename: "./wwwroot/js/admin/admin.js" 
    }, 
    devtool: "source-map", 
    module: { 
     rules: [ 
      { test: /\.ts$/, use: 'ts-loader' } 
     ] 
    } 
}; 

次のようにこれは一気タスクにインポートされ

gulp.task("admin:js", 
    function (done) { 
     var configuration = require(path.join(__dirname, config.js, "admin/webpack.config.js").toString()); 
     webpack(configuration).run(reportWebpackResults(done)); 
    }); 

をentry[...]に各コンポーネントを指定する必要があります。

globを指定するにはどうすればよいのですか。

entry: [ 
    "./client/**/*.ts", // module not found... 

Answer 1

globuleのようなグロブライブラリを使用できます。 globule.findはファイルの配列を返します。だから、エントリとしてそれを使用することができます。

entry: globule.find("./client/**/*.ts") 

あなたは、他のエントリポイントを作成する場合、返される配列拡散することによって、それらを組み合わせることができます。

entry: [ 
    './other/entry.js' 
    ...globule.find("./client/**/*.ts") 
] 

または組み合わせのいずれかの他の方法を使用します配列（例：Array.prototype.concat）。

webpack require every file in directoryのように、require.contextの助けを借りて、必要なものすべてをインポートする1​​つのエントリを使用することもできます。

const req = require.context('./client/', true, /\.ts$/); 
req.keys().forEach(req);