webpack - Webpack 的 entry.main 有什么用？

Question

我正在查看在 sound-redux 中找到的源代码，这是一个在 github 上找到的存储库:https://github.com/andrewngu/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

module.exports 中的entry 表示应用程序的入口点。现在 main 是一个多入口点的例子。 main 是入口点路径对象中数组的键，用作名称。考虑这个 Webpack 配置:

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

这将做的是将应用程序的入口点设置为 Code Splitting 的多个文件。并根据给定的标签 app 输出到名为 app.js 的单个 JS 文件。

在 Webpack Docs 阅读更多相关信息.