Javascript Webpack/Babel编译脚本

我正在学习webpack和babel，有些东西让我困惑

在大多数情况下，我看到的配置文件的输入和输出如下：

entry: { main: './src/index.js'},
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: 'bundle.js'
    },

这一切都是完全有道理的，但如果您希望将多个js文件编译成dist，该怎么办？ 例如，如果您有多个正在导入和导出的js文件，该怎么办

我知道很多人会使用带有React的webpack，所以他们会简单地使用App.js文件上的编译——但这通常是相同的原则吗？例如，我是否应该将所有需要编译的文件导入到一个js文件中，然后在该文件上使用wpack/babel

我希望我说的有道理…澄清一下会很好

非常感谢,

---

Raph

可将网页配置为获取多个入口点：

entry: {
    app: "./src/scripts/app.js",
    vendor: "pathofsomeotherentrypoint"
},
output: {
    path: path.resolve(__dirname, "dist"),
    filename: 'bundle.js'
},

我们甚至可以生成多个bundle（每个入口点一个）

上述配置将生成两个bundle

app.bundle.js

和

vendor.bundle.js

我们还可以使用glob模式匹配从一个目录中包含多个文件

var glob = require("glob");
// ...
entry: glob.sync("./src/scripts/*.js"),
output: {
    path: path.resolve(__dirname, "dist"),
    filename: 'bundle.js'
},

更多解释请阅读参考资料

参考文献：

---

阅读您可以通过单击“检查”来“接受”最佳答案。请参阅感谢-是否可以提交目录作为入口点？我去看看。。。谢谢again@Raph117是的。我已经更新了我的答案和参考资料

var glob = require("glob");
// ...
entry: glob.sync("./src/scripts/*.js"),
output: {
    path: path.resolve(__dirname, "dist"),
    filename: 'bundle.js'
},