Webpack - 如何捆绑/要求文件夹（子文件夹）的所有文件

Question

我想看看是否有更短的方式来运行 webpack 包，以及为什么我的加载器不工作。

这是我的代码：

module.exports = {
context: path.join(__dirname, 'dist'),
entry: ['./ES6bundle.js', './jQuery.js'],
output: {
    filename: 'bundle.js',
    path: path.join(__dirname, 'dist')
}
};
// module: {
//     loaders: [{
//         test: /\.js?$/,
//         exclude: /node_modules/,
//         loader: 'babel-loader',
//         query: {
//             presets: ['env']
//         }
//     }]
// };

module.exports 可以工作，但是当我运行加载程序时出现错误。

我的另一个问题是关于将多个条目合并到一个文件中。
我在做的项目有很多js文件，我想知道是否有多个条目的快捷方式。我可以不输入多个条目的文件名，而是获取同一文件夹中的所有 JS 文件，或者有一个 JS 文件来要求所有这些文件？

让我知道这是否有意义。我对编程比较陌生。谢谢！

Answer 1

关于你问题的第二部分：

我可以获取同一个文件夹中的所有 JS 文件还是有一个 JS 文件来要求它们全部

你可以有一个入口文件，在那里你可以：

module.exports = {
    context: path.join(__dirname, 'dist'),
    entry: ['./jQuery.js', './allJsFilesOfFolder.js'],

allJsFilesOfFolder.js：

require.context("../scripts/", true, /\.js$/);

这将捆绑其中的所有脚本scripts及其所有subfolders.

您需要安装@types/webpack-env以备context不时之需。

指定false是否只想捆绑scripts文件夹中的脚本。

您可以对其他资源（如图像）执行相同操作，只需调整 regex