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

Answer 2

复制@Legends评论作为答案。

没有vue文件的经验，但正如我所说，你不仅可以捆绑js文件，还可以捆绑图像文件，例如图像文件的正则表达式将是：/。（png | ic | svg | .jpg | gif）$ /。