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 。

如果要僅捆綁scripts文件夾中的腳本，請指定false 。

您可以使用其他資源（如圖像）執行相同操作，只需調整regex

Answer 2

復制@Legends評論作為答案。

沒有vue文件的經驗，但正如我所說，你不僅可以捆綁js文件，還可以捆綁圖像文件，例如圖像文件的正則表達式將是：/。（png | ic | svg | .jpg | gif）$ /。