带有作为配置提供的数组的 Webpack

Question

在这个 webpack 初学者工具包中 https://github.com/webpack/react-starter 我看到 webpack.production.config.js 模块不只导出一个配置对象，而是一个配置对象数组：

module.exports = [
    require("./make-webpack-config")({
        // commonsChunk: true,
        longTermCaching: true,
        separateStylesheet: true,
        minimize: true
        // devtool: "source-map"
    }),
    require("./make-webpack-config")({
        prerender: true
    })
];

如果提供了多个配置对象，在这种情况下会发生什么情况？ webpack 的文档中没有提到

Answer 1

传递数组可以启用 Webpack 的多编译器模式。这只是一次运行 Webpack 多次的一种方式。例如，如果您正在制作 Chrome 和 Firefox 扩展，您可以使用多编译器同时创建两者。

Webpack Multi-compiler example 使用 mobile/desktop 个捆绑包。

Answer 2

可用于产生两个不同的输出 - 否则在 Webpack 中不可撤销（AFAIK）。

例如：将完整的 Production-ready 输出配置生成到 ASP.Net Server-side 网络应用程序的 wwwroot 目录中，以便您可以运行并通过运行测试所有内容 ASP.Net IIS 上的应用程序，在 Visual Studio 同时在 your_app/dist 文件夹中生成一个简单的 HTML 页面（使用 HtmlWebpackPlugin），这样你就可以运行只在 JS 应用程序和 Webpack DevServer 上编辑 JS 应用程序，在 VSCode

两个人可以同时在同一个项目上并肩工作，就像约翰·列侬想象的那样...

带有作为配置提供的数组的 Webpack

Webpack with an array provided as config

webpack