Webpackのentry.mainの目的は何ですか？

Question

github：https://github.com/andrewngu/sound-reduxで見つかったレポのsound-reduxにあるソースコードを見ています。 webpack.config.jsを見ているうちに、entry.mainが何をしているのか理解できませんでした。

module.exports = { 
    // ... 
    entry: { 
    main: [ 
     './scripts/main.js', 
     'webpack-dev-server/client?http://localhost:8080', 
     'webpack/hot/only-dev-server' 
    ] 
    } 
    // ... 
} 

ここで実際に起こっていることは、このアプリでどのように使用されていますか？私が見つけることができる限り、ドキュメントはこの機能について完全に静かです。

Answer 1

entrymodule.exportsは、アプリケーションのエントリポイントを示します。今やmainは複数のエントリーポイントの例です。 mainは、エントリポイントパスのオブジェクト内の配列のキーであり、名前として使用されます。このWebPACKの構成を考えてみましょう：

module.exports = { 
    ... 
    entry: { 
     app: ['./path/to/main.js', './somewhere/else/index.js'] 
    }, 
    output: { 
     path: "to/somewhere", 
     filename: "[name].js" 
    } 
    ... 
} 

これが何をするかapp、原因特定のラベルに、app.jsという名前の単一JSファイルにCode Splittingと出力のための複数のファイルへの適用にエントリポイントを設定されています。

詳細についてはWebpack Docsをご覧ください。

Answer 2

{ 
    context: __dirname + "/app", 
    entry: "./entry", 
    output: { 
     path: __dirname + "/dist", 
     filename: "bundle.js" 
    } 
    } 

エントリは、バンドルのエントリポイントです。文字列を渡す場合：文字列は起動時に読み込まれるモジュールに解決されます。 __dirname + "/ app"はエントリポイントとエントリのディレクトリです。 "./entry"はエントリファイル名です。の出力は、バンドルファイルfilename： "bundle.js"になります。バンドルファイルには任意の名前を付けることができます。

がナイスリーここで説明

http://ui-codeman.blogspot.in/2017/02/webpack.html?view=sidebar