如何将Webpack配置文件条目设置为＆＃39; ./ src / * .js＆＃39;？

Question

我是webpack的新手，希望我的条目稍微不同，以便它可以将所有js文件放在一个目录中，并创建一个包在一起的所有。

我的配置文件：

()

这导致如下错误：

下面， src 是一个包含多个js文件的目录。任何建议都将不胜感激。谢谢。

Answer 1

你可以使用globs

const glob = require("glob");
module.exports = {
  entry: {
     js: glob.sync("./src/**/*.js"),  
  }
}

Answer 2

如果订单无关紧要，请使用@ Pandelis＆＃39;回答。否则，请继续阅读：

通常，捆绑包是从[ { "process_name": "Process 1", "wip_qty": 20, "material": [ { "name": "Material 1", "id": "id 1", "qty": 1.000000 } ], "process_id": 1 }, { "process_name": "Process 2", "wip_qty": 11, "material": [ { "name": "Material 2", "id": "id 2", "qty": 1.000000 }, { "name": "Material 3", "id": "id 3", "qty": 0.000003 }, ], "process_id": 2 }, { "process_name": "Process 3", "wip_qty": 58, "material": [ { "name": "Material 4", "id": "id 4", "qty": "" } ], "process_id": 3 }, { "process_name": "Process 4", "wip_qty": 58, "material": [ { "name": false, "id": "", "qty": "" } ], "process_id": 4 } ] 或require彼此的文件创建的。想一想：如果webpack将所有文件捆绑在一个目录中，它如何知道哪个应该首先出现？

在不改变文件的情况下，您可以做一个新的JS文件来导入您需要的所有文件：

＃import

webpack_bundle_me.js

通过这种方式，您或其他任何人都可以轻松更改订单，而无需深入import * as File1 from "./file1.js"; import * as File2 from "./file2.js"; // and so on 。

您也可以在webpack配置中执行此操作：https://stackoverflow.com/a/33039902/607407

Answer 3

新配置文件：

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

OR

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